以下JavaScript如何工作？
我明白它是缩小的代码.我尝试过去混淆它,但是我无法弄清楚它是如何实现这种效果的.我可以看到它使用Strings进行某种迭代,使用Date对象,奇怪的字符串操作,Math函数,然后代码打印自己.
如何用最小的例子重写相同的效果？
eval(z='p="<"+"pre>"/* ,.oq#+ ,._, */;for(y in n="zw24l6k\
4e3t4jnt4qj24xh2 x/* =<,m#F^ A W###q. */42kty24wrt413n243n\
9h243pdxt41csb yz/* #K q##H######Am */43iyb6k43pk7243nm\
r24".split(4)){/* dP cpq#q##########b, */for(a in t=pars\
eInt(n[y],36)+/* p##@###YG=[#######y */(e=x=r=[]))for\
(r=!r,i=0;t[a/* d#qg `*PWo##q#######D */]>i;i+=.05)wi\
th(Math)x-= /* aem1k.com Q###KWR#### W[ */.05,0>cos(o=\
new Date/1e3/* .Q#########Md#.###OP A@ , */+x/PI)&&(e[~\
~(32*sin(o)*/* , (W#####Xx######.P^ T % */sin(.5+y/7))\
+60] =-~ r);/* #y `^TqW####P###BP */for(x=0;122>\
x;)p+=" *#"/* b. OQ####x#K */[e[x++]+e[x++\
]]||(S=("eval"/* l `X#####D , */+"(z=\'"+z.spl\
it(B = "\\\\")./* G####B" # */join(B+B).split\
(Q="\'").join(B+Q/* VQBP` */)+Q+")//m1k")[x/2\
+61*y-1]).fontcolor/* TP */(/\\w/.test(S)&&"#\
03B");document.body.innerHTML=p+=B+"\\n"}setTimeout(z)')//
aps*_*ers 67
前言:我在http://jsfiddle.net/WZXYr/2/上广泛地对代码进行了美化和注释
考虑最外层:
eval(z = '...');
代码字符串存储在变量中z.赋值运算符返回赋值,因此代码字符串也作为参数传递给eval.
代码字符串z在里面运行eval.代码非常钝,即使在清理时,它似乎:
4.e,x以及y持有地图状态.映射状态部分地是挂钟(new Date / 1e3)上的当前秒的函数.p
p += " *#"[index]决定是使用空格,星号还是哈希标记,index实际上是哪里e[x++] + e[x++](如上所述,e并x负责地图状态)" *#",则会出现p使用字符填充输出的回退代码z.内部字符用动画字符填充,而外部字符则从中拉出z.在代码的最后,有一个调用setTimeout(z),它异步地评估代码字符串z.这种重复调用z允许代码循环.
简单的例子:
这是一个超级简单的版本(http://jsfiddle.net/5QXn8/):
eval(z='p="<"+"pre>";for(i=0;i<172;++i)if(i > 62 && i < 67)p+="!---"[~~(new Date/1e2 + i)%4];else p += ("eval(z=\'" + z + "\')")[i];document.body.innerHTML = p;setTimeout(z)')
的for循环增加了每个字符的输出字符串p(字符串是172个字符):
for(i=0;i<172;++i)
内部条件决定我们是否在位置62到67之间的字符,这是动画字符:
if(i > 62 && i < 67)
如果是,则打印输出!---,根据第二个挂钟值的十分之一进行移位.这提供了动画效果.
p+="!---"[~~(new Date/1e2 + i)%4]
(周围的所有肮脏new Date实际上只是将日期值转换为0到3之间的数字.)
否则,如果我们不在动画角色上,i则从定义的字符串中打印索引字符
"eval(z='" + z + "')"
也就是说,z由eval('和包围的代码串').
最后,输出字符串并用于setTimeout排队另一个执行z:
document.body.innerHTML = p;setTimeout(z)
请注意,我的最终输出不是很正确 - 我没有考虑到最后的反斜杠 - 但它仍然可以让你很好地了解该技术的工作原理.
aem*_*kei 35
这是带注释的来源.Ps:我是作者;)
function z(){ // will be replaced with eval
p = "<" + "pre>"; // use <pre> tag for formatted output
for ( // loop though lines
y in n = ( // y - the line number
"zw24" + // n - the encoded data
"l6k4" + // every line holds encoded data
"e3t4" +
"jnt4" + // string will be concated in build process
"qj24" +
"xh2 4" + // data after spaces will be ignored but
"2kty24" + // … is used to not break block comments
"wrt4" + // … which will save some chars
"13n24" +
"3n9h24" +
"3pdxt4" +
"1csb 4" +
"3iyb6k4" +
"3pk724" +
"3nmr24"
).split(4) // data will be split by (unused) 4
){
for ( // loop throug every char in line
a in t = parseInt( // numbers are encoded as string
n[y], // … with a base of 36
36
) + ( // large number will be converted to string
e = // e - holds the rendered globe
x = // x - horizonal position
r = [] // r - bitmap flag if pixel is set
)
){
r = !r; // toggle binary flag
for ( // look though bitmap states
i = 0;
t[a] > i; // draw pixel t[a]-times
i += .05
)
with (Math) // refer to Math later
x -= .05,
0 > cos( // prevent backface visibility
o =
new Date / 1e3 + // get rotation based on current time
x / PI
) && (
e[ // access matrix
~~( // convert float to integer
sin(o) * // rotate around y axis
sin(.5 + y/7) *
32 // scale up the globe
) + 60 // move to center
] = -~r // store bitmap state in render matrix
)
}
for ( // loop through columns
x = 0;
122 > x; // break after char 122
) p += " *#"[ // add space, asterisk or hash
e[x++] + // … based pixel opacity
e[x++]
] || (S = ( // otherwise use the original code
"eval(z='" + // inception of missing "eval" statement
z
.split(B = "\\") // escape \ with \\
.join(B + B)
.split(Q = "'") // escape ' with \'
.join(B + Q) +
Q + // add missing ')
")////////" // add extra chars to fill mapping
)[
x / 2 + // get character at current position
61 * y-1
]
).fontcolor( // colorize outpu
/\w/.test(S) && // test for [0-9A-Z]
"#03B" // render blue
// otherwise pink (default)
);
document.body.innerHTML = // render output
p += // append new line
B + // add backspace
"\n"; // add new line
}
setTimeout(z) // render animation on next frame
}
z()
Ber*_*rgi 21
这是另一个手动反混淆的版本,将所有初始化从表达式移到自己的语句中:
z='p="<"+"pre>"/* ,.oq#+ ,._, */;for(y in n="zw24l6k\
4e3t4jnt4qj24xh2 x/* =<,m#F^ A W###q. */42kty24wrt413n243n\
9h243pdxt41csb yz/* #K q##H######Am */43iyb6k43pk7243nm\
r24".split(4)){/* dP cpq#q##########b, */for(a in t=pars\
eInt(n[y],36)+/* p##@###YG=[#######y */(e=x=r=[]))for\
(r=!r,i=0;t[a/* d#qg `*PWo##q#######D */]>i;i+=.05)wi\
th(Math)x-= /* aem1k.com Q###KWR#### W[ */.05,0>cos(o=\
new Date/1e3/* .Q#########Md#.###OP A@ , */+x/PI)&&(e[~\
~(32*sin(o)*/* , (W#####Xx######.P^ T % */sin(.5+y/7))\
+60] =-~ r);/* #y `^TqW####P###BP */for(x=0;122>\
x;)p+=" *#"/* b. OQ####x#K */[e[x++]+e[x++\
]]||(S=("eval"/* l `X#####D , */+"(z=\'"+z.spl\
it(B = "\\\\")./* G####B" # */join(B+B).split\
(Q="\'").join(B+Q/* VQBP` */)+Q+")//m1k")[x/2\
+61*y-1]).fontcolor/* TP */(/\\w/.test(S)&&"#\
03B");document.body.innerHTML=p+=B+"\\n"}setTimeout(z)';
p = "<" + "pre>";
n = ["zw2", "l6k", "e3t", "jnt", "qj2", "xh2 x/* =<,m#F^ A W###q. */", "2kty2", "wrt", "13n2", "3n9h2", "3pdxt", "1csb yz/* #K q##H######Am */", "3iyb6k", "3pk72", "3nmr2", ""]
for (y in n) {
e = [];
x = 0;
r = true;
t = parseInt(n[y], 36) + "";
for (a in t) {
r = !r
for (i = 0; i < t[a]; i += 0.05) {
x -= 0.05;
o = new Date / 1e3 + x / Math.PI
if (Math.cos(o) < 0)
e[~~(32 * Math.sin(o) * Math.sin(0.5 + y / 7)) + 60] = -~r;
}
for (x = 0; x < 122;) {
S = "eval" + "(z='" + z.split(B = "\\").join(B + B).split(Q = "'").join(B + Q) + Q + ")//m1k"
p += " *#"[e[x++] + e[x++]] || S[x/2+61*y-1]).fontcolor(/\w/.test(S[x/2+61*y-1]) && "#03B");
}
p += B + "\n";
document.body.innerHTML = p;
}
setTimeout(z)
这是发生的事情:
z是包含所有代码的多行字符串.它eval编辑.z传递给setTimeout.它的工作原理是requestAnimationFrame和eval一起,在可能的最高速率的时间间隔评测吧.p,将附加HTML的字符串缓冲区,以及n一个base-36编码数字的数组(连接成一个字符串"4",注释是不相关的垃圾,不考虑parseInt).n都编码一行(n.length == 16).现在列举它.e数组文字但是在使用时它们会被转换为数字(x)或布尔(r)或字符串(t).t枚举数字中的每个数字,r每回合反转布尔值.对于不同的角度x,并且根据当前时间 new Date / 1000(因此它给出动画),e使用一些按位运算符填充数组- 1when r为false,2s为when时r为true.x=0两个步骤迭代到122,并附加单个字符p.B作为反斜杠,字符串S是z通过转义反斜杠和撇号从代码字符串构建的,以准确表示它在源代码中的外观.e被添加并用于访问角色" *#",以构建动画图像.如果NaN未定义其中一个索引,则索引将解析为未定义的字符,而是S取出字符串中的相应字符(查看公式x/2+61*y-1).如果该字符应该是单词字符,则使用fontcolorString方法对其进行不同的着色.p,并将HTML字符串分配给文档正文.如何以最小的例子重写相同的效果？
这是另一个例子:
setInterval(z='s=("setInterval(z=\'"+\
z.replace(/[\\\\\']/g,"\\\\$&")+"\')"\
).match(/.{1,37}/g).join("\\\\\\n");d\
ocument.body.innerHTML=\"<\\pre>"+s.s\
lice(0, 175)+String( + new Date()).fo\
ntcolor("red")+s.slice(188)')
它具有这种动画所需的所有相关内容:
setInterval而Date对于动画重建自己的代码(类似quine),在这里:
s = ( "setInterval(z='" // the outer invokation
+ z.replace(/[\\\']/g,"\\$&") // the escaped version
+ "\')" ) // the end of the assignment
.match(/.{1,37}/g).join("\\\n"); // chunked into lines
输出via document.body.innerHTML和<pre>元素
评估具有所有代码的字符串,并且超时使循环; 该字符串存储在一个名为变量z,并在代码中,注释之间/*并*/有一个"地球ASCII艺术".代码解析注释并更改文档内容,保留js并更新艺术.贝娄只是代码切片:
p="<pre>";
for(y in n="zw24l6k4e3t4jnt4qj24xh2 x42kty24wrt413n243n9h243pdxt41csb yz43iyb6k43pk7243nmr24".split(4)){
for(a in t = parseInt(n[y],36)+(e=x=r=[]))
for(r=!r,i=0;t[a]>i;i+=.05)
with(Math) x-= .05,0>cos(o=new Date/1e3+x/PI)&&(e[~~(32*sin(o)*sin(.5+y/7))+60] =-~ r);
for(x=0;122>x;) p += " *#"[e[x++]+e[x++\]] ||
(S=("eval"+"(z=\'"+z.split(B = "\\\\").join(B+B).split(Q="\'").join(B+Q)+Q+")//m1k")[x/2+61*y-1]).fontcolor(/\\w/.test(S)&&"#\03B");
p += B+"\\n"
document.body.innerHTML= p
}
| 归档时间： |
|
| 查看次数： |
8143 次 |
| 最近记录： |