DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_] )
JavaScript ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_] )
編輯:關於JavaScript     
復制代碼 代碼如下:
($=[$=[]][(__=!$+$)[_=-~-~-~$]+({}+$)[_/_]+
($$=($_=!''+$)[_/_]+$_[+$])])()[__[_/_]+__
[_+~$]+$_[_]+$$](_/_)

注意,上面這段看起來很混亂的代碼並不是自動換行,而是三行(當然,你寫在同一行也沒有錯)。編寫一個頁面運行一下(據說 IE 下不行),你就會發現這段代碼的功能等同於
alert(1)
為什麼會這樣呢?我們來把這段代碼拆開來分析。
$=[] // $ 被賦值為一個空數組,所以 !$ 的值為 false.
__ = !$ + $ // 加號會把 !$ 和 $ 都轉換成字符串,所以 __ 的值變成了字符串 “false”
_ = -~-~-~$ // 這裡有一個 ~ 操作符,它表示 -($+1),所以 -~$ 的值為 1. _ 的值為 3.
由此可以推導:
復制代碼 代碼如下:
(__ = !$ + $ )[ _ = -~-~-~$] => (”false”)[_] => (”false”)[3] => “false”[3] = “s”
({} + $)[_/_] => (”[object Object]“)[_/_] => (”[object Object]“)[1] => “[object Object]“[1] = “o”

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

可以被替換成:
復制代碼 代碼如下:
($=[[]]["sort"])()[__[_/_]+__
[_+~$]+$_[_]+$$](_/_)

接下來我們看 [__[_/_]+__[_+~$]+$_[_]+$$](_/_) 是什麼東西。
前面我們已經得知:
__ = “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)
這段代碼是如何執行的呢?我們來逐步分析:
a = [[]] // 創建一個數組
b = a["sort"] // 獲取數組的 sort 方法
c = b() // 調用數組的 sort 方法,這裡 b() 返回的是 window 對象
d = c["alert"] // 獲取 window.alert 方法
d(1) // 調用 window.alert 方法。
所以這堆亂七八遭的表達式最終的執行結果就是 window.alert(1).
更多 請看原文 和 Reddit上的討論。
原文評論裡也有人貼出了一個日本開發者寫的小工具,可以把一段 JavaScript 代碼編碼成各種表情符號,而且可以執行,enjoy it.
BTW, 上面這段代碼除了做 XSS 攻擊之外作用不大,但是可以從分析這段代碼學習一點兒數據類型轉換相關的東西,也可以領略到 JavaScript 的靈活。
詳細代碼解析:
復制代碼 代碼如下:
(
$=[$=[]] // $ = []
[
(__= !$ + $) // __ = "false"
[_=-~-~-~$] // _ = 3
// (__)[3] = "s"
+
({} + $) // ({} + $) = [object Object]
[_/_] // _/_ = 1
+ // ([object Object])[1] = "o"
($$ = //
($_=!'' + $) // !''+ $ = "true" ; $_ = "true"
[_/_] // _/_ = 1;
// $_[1] = "r"
+
$_[+$] // +$ = 0; $_[0] = "t"
) // $$= "rt"
] // ["sort"]
// []["sort"] = [].sort = function sort() { [native code] }
// $ = []["sort"]
)() // ($)() = [object Window]
[
__[_/_] // __ = "false";
// __[1] = "a"
+
__ [_+~$] //_ = 3; ~$ = -1; _ + ~$ = 2
// __[2] = "l"
+
$_[_] // $_ = "true" ; _ = 3;
// $_[3] = "e"
+
$$ // $$ = "rt"
](_/_); // _ / _ = 1
// window["alert"](1)

這裡需要注意的幾點:
1. javascript 裡面 $, _ 均可以作為變量名
2. 函數還可以這樣調用: 比如 [1,2,4,1,9,1].sort() 可以寫成 [1,2,4,1,9,1]["sort"]();
3. ~ 對數字按位取反
4. javascript 中在對不同類型的變量 使用 + 時候的規則
5. 最後一個針對某些native code寫的方法,執行會返回 window對象, 比如
var s = [].sort ; t=s(); 則 t 是 window
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved