手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >Javascript表达式中连续的 && 和 || 之赋值区别
Javascript表达式中连续的 && 和 || 之赋值区别
摘要:代码如下:复制代码代码如下:functionwrite(msg){for(vari=0;i

代码如下:

复制代码 代码如下:

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表达式中连续的 && 和 || 之赋值区别】相关文章:

JavaScript正则表达式中的ignoreCase属性使用详解

javascript原型模式用法实例详解

javascript制作的滑动图片菜单

通过JavaScript脚本复制网页上的一个表格

javascript正则表达式总结

JavaScript实现Iterator模式实例分析

Javascript调用XML制作连动下拉列表框

简述JavaScript中正则表达式的使用方法

JavaScript正则表达式之multiline属性的应用

JavaScript 正则表达式中global模式的特性

精品推荐
分类导航