以下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)')//
答案 0 :(得分：66)
前言：我在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和{ {1}}负责地图状态）x的长度，则会有后备代码使用" *#"中的字符填充输出p。内部字符使用动画字符填充，而外部字符则从z。在代码的末尾，有一个z的调用，它会异步评估代码字符串setTimeout(z)。这种z的重复调用允许代码循环。
简单示例：
这是一个超简单版本（http://jsfiddle.net/5QXn8/）：
z 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（字符串长度为172个字符）：
p内部条件决定我们是否在位置62到67之间的字符上，这是动画字符：
for(i=0;i<172;++i)
如果是，则打印出if(i > 62 && i < 67)
，根据第二个挂钟值的十分之一进行移位。这提供了动画效果。
!---（p+="!---"[~~(new Date/1e2 + i)%4]
周围的所有肮脏实际上只是将日期值转换为0到3之间的数字。）
否则，如果我们不在动画角色上，则从
定义的字符串中打印索引 -new Date字符
i即"eval(z='" + z + "')"
和z包围的代码字符串eval('。
最后，输出字符串并使用')排队setTimeout的另一次执行：
z请注意，我的最终输出不是完全 - 我没有考虑到最后的反斜杠 - 但它仍然可以让你很好地了解这项技术的工作原理一般
答案 1 :(得分：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()
答案 2 :(得分：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 ed。z传递给setTimeout。它的作用类似于requestAnimationFrame和eval，在最高可能的时间间隔内对其进行评估。p，即将附加HTML的字符串缓冲区，以及n，一个基数为36的编码数组（由{{1}加入字符串}，评论是parseInt未考虑的无关垃圾。"4"中的每个数字都会编码一行（n）。现在是enumerated。n.length == 16数组文字但是它们被转换为数字（e）或布尔（x）或字符串（{{1使用时。r中的每个数字，每回合反转布尔值t。对于不同的角度t，并且取决于current time r（以便它给出动画），使用一些bitwise operators填充数组x - new Date / 1000为e时为1，r为2时为r。x=0到122分两步，将单个字符追加到p。B是反斜杠，字符串S是通过转义反斜杠和撇号从代码字符串z构建的，以准确表示它在源代码中看到的内容。 / LI>
e中的每两个连续数字，用于访问" *#"中的字符，以构建动画图像。如果未定义其中一个索引，则NaN索引将解析为未定义的字符，而是采用S字符串中的相应字符（请查看公式x/2+61*y-1）。如果该字符应为word character，则使用fontcolor String method对其进行不同的着色。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
通过document.body.innerHTML和<pre>元素输出
答案 3 :(得分：5)
评估包含所有代码的字符串，并且超时进行循环;
该字符串存储在名为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
}