一道经典的前端面试题:
alert(1 && 2) 得到的结果是什么?
A:true B:false C:1 D:2
请带着你的回答,往下看……
逻辑或
逻辑或,也就是“||”。从字面上来说,只有前后都是 false 的时候才返回 false,否则返回 true。
- alert(true||false); // true
- alert(false||true); // true
- alert(true||true); // true
- alert(false||false); // false
但是,从深层意义上来说的话,却有另一番天地,试下面代码
- alert(0||1);
显然,我们知道,前面0意味着false,而后面1意味着true,那么上面的结果应该是true,而事实返回的结果是1。再看下面代码:
- alert(2||1);
我们知道,前面2是true,后面1也是true,那返回结果又是什么呢?测试结果是2,继续看:
- alert('a'||1);
同样,前面'a'是true,后面1也是true;测试结果是'a',下面
- alert(''||1);
由上,我们知道前面''是false,后面1是true,而返回结果是1。再看下面
- alert('a'||0);
前面'a'是true,而后面0是false,返回结果是'a',继续下面
- alert('a'||'b');
前面'a'是true,后面'b'是false,返回结果是'a',我们继续下面
- alert(''||0);
前面''是false,后面0同样是false,返回结果是0
- alert(0||'');
前面0是false,后面''是false,返回结果是''
这就意味
1、只要“||”前面为false,不管“||”后面是true还是false,都返回“||”后面的值。
2、只要“||”前面为true,不管“||”后面是true还是false,都返回“||”前面的值。
逻辑与
下面说说逻辑与(&&),从字面上来说,只有前后都是true的时候才返回true,否则返回false。
- alert(true&&false); // false
- alert(true&&true); // true
- alert(false&&false); // false
- alert(false&&true); // false
然后,根据上面经验,我们看看“&&”号前后,不单单是布尔类型的情况。
- alert(''&&1);
结是返回'',“&&”前面''是false,后面是1是true。
- alert(''&&0);
结是返回'',“&&”前面''是false,后面是0也是false。
- alert('a'&&1);
结是返回1,“&&”前面''a是true,后面是1也是true。
- alert('a'&&0);
结是返回0,“&&”前面''a是true,后面是0是false。
- alert('a'&&'');
结是返回'',“&&”前面''a是true,后面是''是false。
- alert(0&&'a');
结是返回0,“&&”前面''0是false,后面是'a'是true。
- alert(0&&'');
结是返回0,“&&”前面''0是false,后面是''也是false。
这意味着
1、只要“&&”前面是false,无论“&&”后面是true还是false,结果都将返“&&”前面的值;
2、只要“&&”前面是true,无论“&&”后面是true还是false,结果都将返“&&”后面的值;
让我们总结一下:
1、只要“||”前面为false,无论“||”后面是true还是false,结果都返回“||”后面的值。
2、只要“||”前面为true,无论“||”后面是true还是false,结果都返回“||”前面的值。
3、只要“&&”前面是false,无论“&&”后面是true还是false,结果都将返“&&”前面的值;
4、只要“&&”前面是true,无论“&&”后面是true还是false,结果都将返“&&”后面的值;
由上两个测试可知,逻辑运算符,“||”和“&&”都是遵行短路原则,只要确定符号前面的真假,既可确定返回值。
需要说明的是“&&”的优先级是高于“||”的,下面测试:
- alert(1||'a'&&2);
返回结果是1。
根据反证原理,我们假设“||”的优先级不低于“&&”(这里只所以用“不低于”,是为了同时证明等级相同的情况)。
根据上面我们得出的结论(1),(1||'a')将返回前面的值1,(1&&2)根据结论(4)应该返回后面的值2。这显然不对,由此可知“&&”的优先级是高于“||”的。
本文作者为穆乙,转载请注明。
来来来
[…] via 孟坤博客via穆乙 […]
看起来有点像PHP的,学习了
@boke112导航灵活运用这个特性,可以精简代码
不明觉厉 [强]
此博是周记?还是月刊啊? [wb_二哈]
@多翼重心不在博客上,因此是不定期更新内容 [阴险]
孟坤站长,在你的站上搬了两个东东,这次来就想问问还能换友链么? [偷笑]
@老司机友链友链,先友后链
@mengkun(⊙_⊙),名词解释
AndAlso OrElse#(滑稽)
你真的厉害了我跟你讲..我本来不乱的..看了之后就乱了.....
@xsj要的就是这种效果 [得意]
@mengkun||前false取后..&&前false取前....其余相反.... #(滑稽)
@xsjExcellent!