Javascript表达式中连续的 && 和 || 之赋值区别
更新时间：2010年10月17日 21:53:38 作者：
了区分赋值表达式中出现的连续的 ‘&&’和 ‘||’的不同的赋值含义，做了一个小测试.
代码如下：
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
复制代码 代码如下:
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
相关文章
这篇文章主要介绍了javascript设计模式之中介者模式Mediator,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了JavaScript基础——使用Canvas绘图，Canvas也真的跟现实生活中的画布非常相似，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2016-11-11
这篇文章主要介绍了JavaScript隐式类型转换操作,结合实例形式分析了JavaScript隐式类型转换操作相关实现技巧与注意事项,需要的朋友可以参考下2020-05-05
本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结
遇到的本地图片预览的需求,IE6下可以直接从file的value获取图片路径来显示预览,IE7和IE8下通过select获取file的图片路径，再用滤镜来显示预览，至于FireFox祥看本文吧，希望可以帮助到你2013-03-03
这篇文章主要介绍了javascript适合移动端的日期时间拾取器，提供了友好的日期和时间选择操作界面，需要的朋友可以参考下2015-11-11
Map对象在JavaScript中提供了一种灵活且高效的键值对存储方式,它具有许多实用的方法,如set()、get()、has()和delete()等,使得操作和管理键值对变得更加简单,这篇文章主要介绍了JS中map属性,需要的朋友可以参考下2024-08-08
这篇文章主要介绍了JS中的数组方法笔记整理 的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-07-07
这篇文章主要为大家详细介绍了javascript实现拼图游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-01-01
随便给一个数 比如100，那么从1到100围成一个圆圈，然后就类似123123报数一样逢3就舍掉，一直这样轮询 那么最后剩下来的那个数是多少？2010-08-08
这篇文章主要为大家详细介绍了JavaScript实现移动端签字功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
最新评论