Javascript 表达式中连续的 && 和 || 之赋值区别

为了区分赋值表达式中出现的连续的 ‘&&’和 ‘||’的不同的赋值含义，做了一个小测试，代码如下：

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);

来看看输出结果就会明白了：

关于 ‘&&’的输出结果为：

1 2 3 4 5 6 7 8 9 10 11

4 4 0 you 0 false 23 1 undefined 1 null

每一行的编号对应上面的每一个 test。

关于 ‘||’的输出结果为：

1 2 3 4 5 6 7 8 9 10 11

1 2 0 2 hate ihateyou true undefined true null true

仔细对照着看的话就会清楚一些了：

多个连续的 && 的表达式中若没有 0, false, undefined, null 的话，它将取得最后一个“子表达式”的值，否则将表达式中的 0, false, undefined, null 返回。

多个连续的 || 的表达式将会取第一个“子表达式”的值，若为 0, false, undefined, null 中之一的话则取下一个“子表达式”的值，以此类推，直至找到不为 0, false, undefined, null 的“子表达式”，并将它作为整个表达式的值。

补充：

上面的似乎没有考虑一种情况，就是有一个子表达式为 '' 怎么办呢？其实可以再换一种表述方式来描述 && 和 || 的工作方式：

对于 (...) && (...) && (...) ...

从左至右遍历各个子表达式，并将每个子表达式进行 Boolean 的强制转换，若出现 Boolean(子表达式)  为 false 的情况，则整个表达式的值即为此子表达式的值（0 或 false 或 undefined 或 null 或 ''），后面的子表达式不再判断；若所有的 Boolean(子表达式) 均为 true，则整个表达式的值即为最后一个子表达式的值。

对于 (...) || (...) || (...) ...

从左至右遍历各个子表达式，并将每个子表达式进行 Boolean 的强制转换，若出现 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