Javascript表達式中連續(xù)的 && 和 || 之賦值區(qū)別

更新時間：2010年10月17日 21:53:38 作者：

了區(qū)分賦值表達式中出現(xiàn)的連續(xù)的 ‘&&’和 ‘||’的不同的賦值含義，做了一個小測試.

代碼如下：

 
function write(msg){ 
for(var i = 0; i < arguments.length; i ++){ 
document.write(arguments[i] + '<br />'); 
} 
} 
//關于 '&&' 
test1 = 1 && 2 && 3 && 4; 
test2 = '0' && 2 && 3 && 4; 
test3 = 1 && 2 && 0 && 4; 
test4 = 2 && 'i' && 'love' && 3 && 'you'; 
test5 = 'i' && 'hate' && 1 && 0 && 'you'; 
test6 = 1 && false && 'ihateyou' && '2'; 
test7 = 2 && true && 'ihatehateyou' && '23'; 
test8 = 4 && true && 'undefined' && 'true' && '1'; 
test9 = 4 && true && undefined && 'true' && '1'; 
test10 = 4 && true && 'null' && 'true' && '1'; 
test11 = 4 && true && null && 'true' && '1'; 
write(test1, test2, test3, test4, test5, test6, test7, test8, test9, test10, test11); 
write('----------------------------------------------'); 
//關于 '||' 
_test1 = 1 || 2 || 3 || 4; 
_test2 = 0 || 2 || 3 || 4; 
_test3 = 0 || '0' || 8 || 4; 
_test4 = 2 || 'i' || 'love' || 0 || 'you'; 
_test5 = 0 || 'hate' || 1 || 0 || 'you'; 
_test6 = false || 0 || 'ihateyou' || '2'; 
_test7 = false || true || 'ihatehateyou' || '23'; 
_test8 = 0 || 0 || 'undefined' || 'true' || '1'; 
_test9 = 0 || 0|| undefined || 'true' || '1'; 
_test10 = 0 || false || 'null' || 'true' || '1'; 
_test11 = 0 || 0 || null || 'true' || '1'; 
write(_test1, _test2, _test3, _test4, _test5, _test6, _test7, _test8, _test9, _test10, _test11); 

來看看輸出結果就會明白了：

關于 ‘&&'的輸出結果為：

復制代碼代碼如下:

 
4 
4 
0 
you 
0 
false 
23 
1 
undefined 
1 
null 

每一行的編號對應上面的每一個 test。

關于 ‘||'的輸出結果為：

復制代碼代碼如下:

 
1 
2 
0 
2 
hate 
ihateyou 
true 
undefined 
true 
null 
true 

仔細對照著看的話就會清楚一些了：

多個連續(xù)的 && 的表達式中若沒有 0, false, undefined, null 的話，它將取得最后一個“子表達式”的值，否則將表達式中的 0, false, undefined, null 返回。

多個連續(xù)的 || 的表達式將會取第一個“子表達式”的值，若為 0, false, undefined, null 中之一的話則取下一個“子表達式”的值，以此類推，直至找到不為 0, false, undefined, null 的“子表達式”，并將它作為整個表達式的值。

補充：

上面的似乎沒有考慮一種情況，就是有一個子表達式為 '' 怎么辦呢？其實可以再換一種表述方式來描述 && 和 || 的工作方式：

對于 (...) && (...) && (...) ...

從左至右遍歷各個子表達式，并將每個子表達式進行 Boolean 的強制轉(zhuǎn)換，若出現(xiàn) Boolean(子表達式) 為 false 的情況，則整個表達式的值即為此子表達式的值（0 或 false 或 undefined 或 null 或 ''），后面的子表達式不再判斷；若所有的 Boolean(子表達式) 均為 true，則整個表達式的值即為最后一個子表達式的值。

對于 (...) || (...) || (...) ...

從左至右遍歷各個子表達式，并將每個子表達式進行 Boolean 的強制轉(zhuǎn)換，若出現(xiàn) Boolean(子表達式) 為 true 的情況，則整個表達式的值即為此子表達式的值，后面的子表達式不再“理會”；若 Boolean(子表達式) 為 false，則判斷后一個子表達式的 Boolean 情況，直至找到 Boolean(子表達式) 為 true 的情況；若全部的 Boolean(子表達式) 均為 false，則返回最后一個子表達式的值（0 或 false 或 undefined 或 null 或 ''）。

這里要注意：

Boolean(false) != Boolean('false')，前者為 false，而后者為 true 。

Boolean(undefined) != Boolean('undefined')，前者為 false，而后者為 true 。

Boolean(null) != Boolean('null')，前者為 false，而后者為 true 。

Boolean(0) != Boolean('0')，前者為 false，而后者為 true 。

Boolean('') == false

您可能感興趣的文章: