Javascript表達(dá)式中連續(xù)的 && 和 || 之賦值區(qū)別
更新時(shí)間:2010年10月17日 21:53:38 作者:
了區(qū)分賦值表達(dá)式中出現(xiàn)的連續(xù)的 ‘&&’和 ‘||’的不同的賦值含義,做了一個(gè)小測(cè)試.
代碼如下:
function write(msg){
for(var i = 0; i < arguments.length; i ++){
document.write(arguments[i] + '<br />');
}
}
//關(guān)于 '&&'
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('----------------------------------------------');
//關(guān)于 '||'
_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);
來看看輸出結(jié)果就會(huì)明白了:
關(guān)于 ‘&&'的輸出結(jié)果為:
4
4
0
you
0
false
23
1
undefined
1
null
每一行的編號(hào)對(duì)應(yīng)上面的每一個(gè) test。
關(guān)于 ‘||'的輸出結(jié)果為:
1
2
0
2
hate
ihateyou
true
undefined
true
null
true
仔細(xì)對(duì)照著看的話就會(huì)清楚一些了:
多個(gè)連續(xù)的 && 的表達(dá)式中若沒有 0, false, undefined, null 的話,它將取得最后一個(gè)“子表達(dá)式”的值,否則將表達(dá)式中的 0, false, undefined, null 返回。
多個(gè)連續(xù)的 || 的表達(dá)式將會(huì)取第一個(gè)“子表達(dá)式”的值,若為 0, false, undefined, null 中之一的話則取下一個(gè)“子表達(dá)式”的值,以此類推,直至找到不為 0, false, undefined, null 的“子表達(dá)式”,并將它作為整個(gè)表達(dá)式的值。
補(bǔ)充:
上面的似乎沒有考慮一種情況,就是有一個(gè)子表達(dá)式為 '' 怎么辦呢?其實(shí)可以再換一種表述方式來描述 && 和 || 的工作方式:
對(duì)于 (...) && (...) && (...) ...
從左至右遍歷各個(gè)子表達(dá)式,并將每個(gè)子表達(dá)式進(jìn)行 Boolean 的強(qiáng)制轉(zhuǎn)換,若出現(xiàn) Boolean(子表達(dá)式) 為 false 的情況,則整個(gè)表達(dá)式的值即為此子表達(dá)式的值(0 或 false 或 undefined 或 null 或 ''),后面的子表達(dá)式不再判斷;若所有的 Boolean(子表達(dá)式) 均為 true,則整個(gè)表達(dá)式的值即為最后一個(gè)子表達(dá)式的值。
對(duì)于 (...) || (...) || (...) ...
從左至右遍歷各個(gè)子表達(dá)式,并將每個(gè)子表達(dá)式進(jìn)行 Boolean 的強(qiáng)制轉(zhuǎn)換,若出現(xiàn) Boolean(子表達(dá)式) 為 true 的情況,則整個(gè)表達(dá)式的值即為此子表達(dá)式的值,后面的子表達(dá)式不再“理會(huì)”;若 Boolean(子表達(dá)式) 為 false,則判斷后一個(gè)子表達(dá)式的 Boolean 情況,直至找到 Boolean(子表達(dá)式) 為 true 的情況;若全部的 Boolean(子表達(dá)式) 均為 false,則返回最后一個(gè)子表達(dá)式的值(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
復(fù)制代碼 代碼如下:
function write(msg){
for(var i = 0; i < arguments.length; i ++){
document.write(arguments[i] + '<br />');
}
}
//關(guān)于 '&&'
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('----------------------------------------------');
//關(guān)于 '||'
_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);
來看看輸出結(jié)果就會(huì)明白了:
關(guān)于 ‘&&'的輸出結(jié)果為:
復(fù)制代碼 代碼如下:
4
4
0
you
0
false
23
1
undefined
1
null
每一行的編號(hào)對(duì)應(yīng)上面的每一個(gè) test。
關(guān)于 ‘||'的輸出結(jié)果為:
復(fù)制代碼 代碼如下:
1
2
0
2
hate
ihateyou
true
undefined
true
null
true
仔細(xì)對(duì)照著看的話就會(huì)清楚一些了:
多個(gè)連續(xù)的 && 的表達(dá)式中若沒有 0, false, undefined, null 的話,它將取得最后一個(gè)“子表達(dá)式”的值,否則將表達(dá)式中的 0, false, undefined, null 返回。
多個(gè)連續(xù)的 || 的表達(dá)式將會(huì)取第一個(gè)“子表達(dá)式”的值,若為 0, false, undefined, null 中之一的話則取下一個(gè)“子表達(dá)式”的值,以此類推,直至找到不為 0, false, undefined, null 的“子表達(dá)式”,并將它作為整個(gè)表達(dá)式的值。
補(bǔ)充:
上面的似乎沒有考慮一種情況,就是有一個(gè)子表達(dá)式為 '' 怎么辦呢?其實(shí)可以再換一種表述方式來描述 && 和 || 的工作方式:
對(duì)于 (...) && (...) && (...) ...
從左至右遍歷各個(gè)子表達(dá)式,并將每個(gè)子表達(dá)式進(jìn)行 Boolean 的強(qiáng)制轉(zhuǎn)換,若出現(xiàn) Boolean(子表達(dá)式) 為 false 的情況,則整個(gè)表達(dá)式的值即為此子表達(dá)式的值(0 或 false 或 undefined 或 null 或 ''),后面的子表達(dá)式不再判斷;若所有的 Boolean(子表達(dá)式) 均為 true,則整個(gè)表達(dá)式的值即為最后一個(gè)子表達(dá)式的值。
對(duì)于 (...) || (...) || (...) ...
從左至右遍歷各個(gè)子表達(dá)式,并將每個(gè)子表達(dá)式進(jìn)行 Boolean 的強(qiáng)制轉(zhuǎn)換,若出現(xiàn) Boolean(子表達(dá)式) 為 true 的情況,則整個(gè)表達(dá)式的值即為此子表達(dá)式的值,后面的子表達(dá)式不再“理會(huì)”;若 Boolean(子表達(dá)式) 為 false,則判斷后一個(gè)子表達(dá)式的 Boolean 情況,直至找到 Boolean(子表達(dá)式) 為 true 的情況;若全部的 Boolean(子表達(dá)式) 均為 false,則返回最后一個(gè)子表達(dá)式的值(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
相關(guān)文章
JS實(shí)現(xiàn)5秒鐘自動(dòng)封鎖div層的方法
這篇文章主要介紹了JS實(shí)現(xiàn)5秒鐘自動(dòng)封鎖div層的方法,涉及javascript針對(duì)div層操作的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02JS將數(shù)字轉(zhuǎn)換成三位逗號(hào)分隔的樣式(示例代碼)
本篇文章主要是對(duì)JS將數(shù)字轉(zhuǎn)換成三位逗號(hào)分隔的樣式(示例代碼)進(jìn)行了介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2014-02-02詳解JavaScript 浮點(diǎn)數(shù)運(yùn)算的精度問題
這篇文章主要介紹了詳解JavaScript 浮點(diǎn)數(shù)運(yùn)算的精度問題,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07Javascript結(jié)合css實(shí)現(xiàn)網(wǎng)頁換膚功能
現(xiàn)在網(wǎng)站換皮膚是比較常見的功能,大多數(shù)論壇都有的,要想實(shí)現(xiàn)這樣效果可以看如下代碼.2009-11-11教你JS中的運(yùn)算符乘方、開方及變量格式轉(zhuǎn)換
本文運(yùn)用實(shí)例教大家JS中的運(yùn)算符乘方、開方及變量格式轉(zhuǎn)換,代碼簡單明了,有需要的可以參考學(xué)習(xí)。2016-08-08js獲取多個(gè)tagname的節(jié)點(diǎn)數(shù)組
寫了個(gè)獲取多個(gè)tagname節(jié)點(diǎn)集合的小方法。類似于jQuery的$(‘iput,select,textarea’,'#form’)的效果,返回是按節(jié)點(diǎn)在原有文檔流中的順序返回的2013-09-09