JS ||、&&、!! 短路运算符的使用

js中||和&&的特性帮我们精简了代码的同时，也带来了代码可读性的降低。下面有个不错的示例，在js逻辑运算中，0、""、null、false、undefined、NaN都会判为false，其他的都为true.

"||"

先计算第一个运算数，如果可以被转换成true，则返回左边这个表达式的值，否则计算第二个运算数。即使||运算符的运算数不是布尔值，任然可以将它看作布尔值运算，因为无论它返回的值是什么类型，都可以被转换为布尔值。 利用它对非布尔型的值会将其返回的特性：对非布尔型的运算数使用||，用于选取一组备选值中的第一个定义了的并且非空的值(第一个为非false的值),这个运算经常用来判断一个变量是否已定义，如果没有定义就给他一个初始值，在给函数的参数定义一个默认值的时比较有用。

例：

let attr = null || this.attr || "";
//显然给attr赋值的时候第一个值判为false，所以取的是this.attr。
//如果this.attr也判为false则取的是空字符串。
复制代码

"&&"

它先计算第一个表达式，若为假，就不会去处理第二个表达；否则继续处理后继表达式。从左到右选取表达式的第一个为非true的表达式的值，如果一直未找到则返回最后一个表达式的值,类似于if判断。

例：

this.data && this.getPhone(); //如果this.data判定为true则就会执行后续操作
null && this.getPhone(); //这样第一个判定为false就不会执行以后的操作

if(a >=5){ 
    alert("你好"); 
} 
//可以简成: 
a >= 5 && alert("你好");
复制代码

转载于:https://juejin.im/post/5caab48ff265da2508554a02