首页 / 脚本样式 / 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