首页 > 代码库 > 小议 开源中国 I LOVE YOU js代码

小议 开源中国 I LOVE YOU js代码

今天在开源中国看到一篇神作《I LOVE YOU js代码》是17号的文章了,也许你已经看过了。

文章非常有意思,由 5 个 "爱心" 组成的一段js代码,能正常执行,执行后弹出 "I love you." 字符串。

     $= ~[];    $={___:   ++$,$$$$: (![]+"")[$],    __$:++$,$_$_:(![]+"")      [$],_$_:++$,$_$$:        ({} + "")[$],           $$_$             :       ($[$]+"")   [$],_$$:     ++$,$$$_:(!""+"")[$],$__:      ++$,$_$:++$,$$__:({}+"")       [$],$$_: ++$,$$$:++$,         $___:++$,$__$:++$          };$.$_ = ($.$_=             $ + "")                [             $.$_$]+      ($._$=            $.$_[$.__$  ])+($.$$=(           $.$+"")[$.__$])+((!$)+"")           [$._$$]+($.__=$.$_[$.$$_            ])+($.$=(!""+"")[$.__$              ]) + ($._= (!""+"")               [ $._$_]) +$.$_                  [ $.$_$ ]+                    $.__+            $._$+    $.$;          $.$$=$.$+(!""+"")        [$._$$]+$.__+$._+$.$+        $.$$;$.$=($.___)[$.$_]         [$.$_];$.$($.$($.$$+           "\""+$.$_$_+(![]+             "")[$._$_]+                $.$$$_+                 "\\"+        $.__$+    $.$$_+      $._$_+$.__+"(\\\"\\"+     $.__$+$.__$+$.__$+"\\"+   $.$__+$.___+(![]+"")[$._$_]+   $._$+"\\"+$.__$+$.$$_+$.$$_+    $.$$$_+"\\"+$.$__+  $.___+      "\\"+$.__$+$.$$$+$.__$+        $._$+$._+".\\\"\\"+          $.$__  +$.___+            ")"+ "\"")              ( ))(                )

高手觉得没什么技术含量,无非就是类似 jsfuck 之类的。

当然,这个没jsfuck那么复杂,其实作者只是拼接字符串然后得到 Function 然后执行了下。
只是这个排版可能花了不少时间吧。
来,我们来简单的分析下这个js。我水平不够,不是直接看代码分析的,是在控制台下动态调试跟踪了几遍。

(function() {    debugger;    $ = ~ []; // -1    $ = {        ___: ++$, // 0        $$$$: (![] + "")[$], // "false"[0] => f        __$: ++$, // 1        $_$_: (![] + "")[$], // "false"[1] => a        _$_: ++$, // 2        $_$$: ({} + "")[$], // "[object Object]"[2] => b        $$_$: ($[$] + "")[$],        _$$: ++$, // 3        $$$_: (!"" + "")[$], // "true"[3] => e        $__: ++$, // 4        $_$: ++$, // 5        $$__: ({} + "")[$], // "[object Object]"[5] => c        $$_: ++$, // 6        $$$: ++$, // 7        $___: ++$, // 8        $__$: ++$ // 9    };    $.$_ = ($.$_ = $ + "")[$.$_$] + ($._$ = $.$_[$.__$]) + ($.$$ = ($.$ + "")[$.__$]) + ((!$) + "")[$._$$] + ($.__ = $.$_[$.$$_]) + ($.$ = (!"" + "")[$.__$]) + ($._ = (!"" + "")[$._$_]) + $.$_[$.$_$] + $.__ + $._$ + $.$;    // 这里这么长就是为了组成 "constructor" 字符串    $.$$ = $.$ + (!"" + "")[$._$$] + $.__ + $._ + $.$ + $.$$; // "return"    $.$ = ($.___)[$.$_][$.$_]; // (0).constructor.constructor => Function    // $.$ = Function    // return"ale\162t(\"\111\40lo\166e\40\171ou.\"\40)"    $.$(        $.$(            $.$$ + "\"" + $.$_$_ + (![] +"")[$._$_] + $.$$$_ + "\\" +            $.__$ + $.$$_ +            $._$_ + $.__ +             "(\\\"\\" +            $.__$ + $.__$ + $.__$ + "\\" +            $.$__ + $.___ + (![] + "")[$._$_] +            $._$ + "\\" + $.__$ + $.$$_ + $.$$_ +            $.$$$_ + "\\" + $.$__ + $.___ +            "\\" + $.__$ + $.$$$ + $.__$ +            $._$ + $._ + ".\\\"\\" +            $.$__ + $.___ +            ")" + "\""            // 这里这么长一段就是为了得到 return"ale\\162t(\\"\\111\\40lo\\166e\\40\\171ou.\\"\\40)" 字符串        )()    )();    // 这部分代码相当于     // Function(Function(‘return"ale\\162t(\\"\\111\\40lo\\166e\\40\\171ou.\\"\\40)"‘)())();})();

这是我改造后的代码,这样在F12下动态调试非常容易阅读。
前面得到一些基本字符串,然后拼接出 constructorreturn 字符,
接着利用 constructor 得到 Function 函数。
有了 Function 剩下的非常简单了,拼接字符串然后用 Function 执行下即可。

好了,今天水了,,因为有事情。。