注意，上面這段看起來很混亂的代碼并不是自動換行，而是三行（當然，你寫在同一行也沒有錯）。編寫一個頁面運行一下（據(jù)說 IE 下不行），你就會發(fā)現(xiàn)這段代碼的功能等同于
alert(1)
為什么會這樣呢？我們來把這段代碼拆開來分析。
$=[] // $ 被賦值為一個空數(shù)組，所以 !$ 的值為 false.
__ = !$ + $ // 加號會把 !$ 和 $ 都轉換成字符串，所以 __ 的值變成了字符串 “false”
_ = -~-~-~$ // 這里有一個 ~ 操作符，它表示 -($+1)，所以 -~$ 的值為 1. _ 的值為 3.
由此可以推導：

接下來再拆 $$=($_=!”+$)[_/_]+$_[+$] ：
$_=!”+$ // 注意，!” 中是兩個單引號，也就是對一個空字符串做非運算。所以變量 $_ 被賦值為字符串 “true”。
由此可推：
$$=($_=!”+$)[_/_]+$_[+$] => $$ = ( “true”)[1] + “true”[0] => “r” + “t” = “rt”
所以 (__=!$+$)[_=-~-~-~$]+({}+$)[_/_]+($$=($_=!”+$)[_/_]+$_[+$]) 就是 “s” + “o” + “rt” ，也就是 “sort”.
所以原來的表達式

可以被替換成：

接下來我們看 [__[_/_]+__[_+~$]+$_[_]+$$](_/_) 是什么東西。
前面我們已經(jīng)得知：
__ = “false”
_ = 3
~$ = -1
$_ = “true”
$$ = “rt”
所以 [__[_/_]+__[_+~$]+$_[_]+$$](_/_) => ["false"[1] + “false”[3-1] + “true”[3] + “rt”](3/3) => ["a" + "l" + "e" + "rt"](1) => ["alert"](1)
所以原來的表達式最終可以被替換成：
($=[[]]["sort"])()["alert"](1)
這段代碼是如何執(zhí)行的呢？我們來逐步分析：
a = [[]] // 創(chuàng)建一個數(shù)組
b = a["sort"] // 獲取數(shù)組的 sort 方法
c = b() // 調用數(shù)組的 sort 方法，這里 b() 返回的是 window 對象
d = c["alert"] // 獲取 window.alert 方法
d(1) // 調用 window.alert 方法。
所以這堆亂七八遭的表達式最終的執(zhí)行結果就是 window.alert(1).
更多 請看原文 和 Reddit上的討論。
原文評論里也有人貼出了一個日本開發(fā)者寫的小工具，可以把一段 JavaScript 代碼編碼成各種表情符號，而且可以執(zhí)行，enjoy it.
BTW, 上面這段代碼除了做 XSS 攻擊之外作用不大，但是可以從分析這段代碼學習一點兒數(shù)據(jù)類型轉換相關的東西，也可以領略到 JavaScript 的靈活。
詳細代碼解析:

這里需要注意的幾點:
1. javascript 里面 $, _ 均可以作為變量名
2. 函數(shù)還可以這樣調用: 比如 [1,2,4,1,9,1].sort() 可以寫成 [1,2,4,1,9,1]["sort"]();
3. ~ 對數(shù)字按位取反
4. javascript 中在對不同類型的變量 使用 + 時候的規(guī)則
5. 最后一個針對某些native code寫的方法，執(zhí)行會返回 window對象， 比如
var s = [].sort ; t=s(); 則 t 是 window

最新評論