在cssrain整理的一個試題集中有這麼一道題目:
<SCRIPT LANGUAGE="JavaScript">
var a = 0;
var b = -1;
var c = 1;
function assert (aVar) {
if (aVar==true) alert(true);
else alert(false);
}
assert(a) ;
assert(b) ;
assert(c) ;
</SCRIPT>
運行程式碼框
[Ctrl+A 全部選擇提示:你可先修改部分程式碼,再按執行]
按照我的理解,任何非0的數值的布林值都應該為true。
可是這題的正確輸出為:false false true。
(-1==true)的值為false。
再來看下面這個例子:
<SCRIPT LANGUAGE="JavaScript">
var a = 0;
var b = -1;
var c = 1;
function assert (aVar) {
if (aVar) alert(true);
else alert(false);
}
assert(a) ;
assert(b) ;
assert(c) ;
</SCRIPT>
運行程式碼框
[Ctrl+A 全部選擇提示:你可先修改部分程式碼,再按執行]
運行結果依序為:false,true,true。
在這裡,我們發現,if(aVar) 和if(aVar == true)的結果並不相同。
cssrain在答案中的解釋是:
if(aVar) 和 if (aVar==true) 對負數有截然不同的答案。
真的是負數的原因嗎?看下面這個例子:
運行程式碼框
[Ctrl+A 全部選擇提示:你可先修改部分程式碼,再按執行]
為什麼正數2回傳的也是false呢。我們將數字轉換為boolean值看看。
運行程式碼框
[Ctrl+A 全部選擇提示:你可先修改部分程式碼,再按執行]
這裡非0數值的布林值的確都是true,也就是說所有的問題都集中在2==true中的==運算子。基本上可以確定,==一定不是把數字轉換成布林值再進行比較。
看看ECMA-262(第80頁)怎麼說的:
6.If Type(x) is Boolean, return the result of the comparison ToNumber(x) == y.
7.If Type(y) is Boolean, return the result of the comparison x == ToNumber(y).
也就是說,布林值會被先轉換為數字,然後再進行比較。 true的數字值為1,false為0。所以2和-1都不能跟true相等。
進一步看下面這個例子:
<SCRIPT LANGUAGE="JavaScript">
var a = "undefined";
var b = "false";
var c = "";
function assert (aVar) {
if (aVar==true) alert(true);
else alert(false);
}
assert(a);
assert(b);
assert(c);
</SCRIPT>
運行程式碼框
[Ctrl+A 全部選擇提示:你可先修改部分程式碼,再按執行]
依照前面的思路,true會轉換成1,所以三個語句都會回傳false。運行一下,發現的確如此。
下面將if(aVar==true)改為if(aVar)。
運行程式碼框
[Ctrl+A 全部選擇提示:你可先修改部分程式碼,再按執行]
這時的運行結果是true,true,false。因為Boolean("undefined")、Boolean("false")、Boolean("")的結果為true,true,false。非空字串轉換為布林值true。
最後還有一個例子,解釋當==兩邊為字串和數字時的比較規律。
運行程式碼框
[Ctrl+A 全部選擇提示:你可先修改部分程式碼,再按執行]
發現沒,這個"001"==true是為true的。
因為true先轉換成1了。然後參考ECMA的規則:
4.If Type(x) is Number and Type(y) is String, return the result of the comparison x == ToNumber(y).
5.If Type(x) is String and Type(y) is Number, return the result of the comparison ToNumber(x) == y.
字串要轉換為數字,Number("001")的值也是1,所以結果是true。