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


  本文标签: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);

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

关于 ‘&&的输出结果为:

复制代码 代码如下:

4
4
0
you
0
false
23
1
undefined
1
null

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

关于 ‘||的输出结果为:

复制代码 代码如下:

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