布尔运算符

原文地址:https://wangdoc.com/javascript/

概述

布尔运算符共有4个:

  • 取反运算符:!
  • 且运算符:&&
  • 或运算符:||
  • 三元运算符:?:

取反运算符(!)

对于非布尔值,取反运算符会将其转为布尔值。可以这样记忆,以下六个值取反后为true,其他值都为false

  • undefined
  • null
  • false
  • 0
  • NaN
  • 空字符串(""
    对于一个值连续做两次取反运算,等同于将其转为对应的布尔值。
!!x
Boolean(x)

且运算符(&&)

且运算符(&&)往往用于多个表达式的求值。
它的运算规则是:如果第一个运算子的布尔值为true,则返回第二个运算子的值(注意是值,不是布尔值);如果第一个运算子的布尔值为false,则直接返回第一个运算子的值,而不再对第二个运算子求值。

"t" && "" // ""
"t" && "f" // "f"
"" && "f" // ""

var x = 1;
(1 - 1) && (x += 1) // 0
x // 1

这种跳过第二个运算子的机制,被称为短路。有些程序员喜欢用它来取代if结构,比如:

if (i) {
    doSomething();
}
// 等价于
i && doSomething();

且运算符可以多个连用,这时返回第一个布尔值为false的表达式的值。如果所有表达式的布尔值都为true,则返回最后一个表达式的值。

或运算符(||)

或运算符(||)也用于多个表达式求值。它的运算规则是:如果第一个运算子的布尔值为true,则返回第一个运算子的值,且不再对第二个运算子求值;如果第一个运算子的布尔值为false,则返回第二个运算子的值。
短路规则对这个运算符也适用。

var x = 1;
true || (x = 2)
x // 1

或运算符可以多个连用,这时返回第一个布尔值为true的表达式的值。如果所有表达式都为false,则返回最后一个表达式的值。
或运算符常用于为一个变量设置默认值。

function saveText(text) {
    text = text || "";
}

上述代码表示,如果函数调用时,没有提供参数,则参数默认设置为空字符串。

三元条件运算符(?:)

通常来说,三元条件表达式与if...else语句具有同样表达效果,前者可以表达的,后者也能表达。但是两者具有一个重大差别,if...else是语句,没有返回值;三元条件表达式是表达式,具有返回值。所以在需要返回值的场合,只能使用三元条件表达式,而不是if...else

原文地址:https://www.cnblogs.com/chris-jichen/p/9987863.html