JavaScript逻辑运算符的使用技巧

前言

!, &&, || 三个运算符是JavaScript中重要的逻辑运算符，本文将介绍这三个运算符在JavaScript实际编程中的有趣使用技巧。

取反运算符（!）

如果对一个值连续做两次取反运算，等于将其转为对应的布尔值，与Boolean函数的作用相同。

!!x
// 等同于Boolean(x)
复制代码

两次取反就是将一个值转为布尔值的简便写法。

var str='test';
var bl=!!str;
bl 
// true

Boolean(str)
// true
复制代码

且运算符（&&）

且运算符的运算规则是：如果第一个运算子的布尔值为true，则返回第二个运算子的值（注意是值，不是布尔值）；如果第一个运算子的布尔值为false，则直接返回第一个运算子的值，且不再对第二个运算子求值。

我们可以利用这个运算规则取代if结构，比如下面是一段if结构的代码，就可以用且运算符改写。

if (i) {
  doSomething();
}

// 等价于

i && doSomething();
复制代码

这种跳过第二个运算子的机制，被称为“短路”。

或运算符（||）

或运算符的运算规则是：如果第一个运算子的布尔值为true，则返回第一个运算子的值，且不再对第二个运算子求值；如果第一个运算子的布尔值为false，则返回第二个运算子的值。

var x = 1;
true || (x = 2) // true
x // 1
复制代码

短路规则对这个运算符也适用。

function saveText(text) {
  text = text || 'test';
  // ...
}

// 或者写成
saveText(this.text || 'test')
复制代码

利用短路规则，或运算符可以为一个变量设置默认值。

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