javascript &&和||运算法的另类使用技巧

177 阅读 0 评论 117 点赞

我是靠谱客的博主饱满航空，最近开发中收集的这篇文章主要介绍javascript &&和||运算法的另类使用技巧，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

&&和||在JQuery源代码内尤为使用广泛，由于本人没有系统的学习js，所以只能粗略的自我理解出来，希望大家指点下。
粗略理解如下：

a() && b() :如果执行a()后返回true，则执行b()并返回b的值；如果执行a()后返回false，则整个表达式返回a()的值，b()不执行；
a() || b() :如果执行a()后返回true，则整个表达式返回a()的值，b()不执行；如果执行a()后返回false，则执行b()并返回b()的值；
&& 优先级高于 ||

如下：
　　
代码

复制代码代码如下:

 
alert((1 && 3 || 0) && 4); //结果4 ① 
alert(1 && 3 || 0 && 4); //结果3 ② 
alert(0 && 3 || 1 && 4); //结果4 ③ 

分析：
语句①：1&&3 返回3 => 3 || 0 返回 3 => 3&&4 返回 4
语句②：先执行1&&3 返回3，在执行0&&4返回0，最后执行结果比较 3||0 返回 3
语句③：先执行0&&3 返回0，在执行1&&4返回4，最后执行结果比较 0||4 返回 4

注：非0的整数都为true，undefined、null和空字符串"" 为false。