JavaScript 逻辑运算符机制与短路计算详解

前言

在 JavaScript 开发中，逻辑运算符是日常编码的高频工具，但许多开发者对其内部运作机制和高级用法了解有限。

逻辑运算符机制与优先级

机制

理解逻辑运算符的前提是掌握其优先级差异（完整优先级可参考运算符优先级文档）。优先级顺序为：逻辑非（!）高于逻辑与（&&），逻辑与高于逻辑或（||），逻辑或又高于条件运算符（三目运算符）。在运算方向上，条件运算符从右向左结合，而逻辑与和逻辑或均从左向右结合。

//表达式的优先级导致结果不同
false && true || true   // 结果为 true
false && (true || true)   // 结果为 false

逻辑表达式最终返回的是参与运算的字表达式的实际值，而非单纯的 Boolean 类型结果。之所以常误以为返回布尔值，是因为如 if 等语句会自动对表达式结果进行强制类型转换。

虽然逻辑运算符常用于布尔型值并返回布尔结果，但 和 运算符实际上会返回指定操作数的原始值。这意味着当操作数非布尔类型时，它们同样适用，并返回非布尔型值。

对于 expression1 && expression2 表达式，其机制为：若 expression1 能转换为 true ，则返回 expression2 ；否则直接返回 expression1。

对于 expression1 || expression2 表达式，其机制为：若 expression1 能转换为 true，则返回 expression1；否则返回 expression2。

对于 !expression 表达式，若 expression 能转换为 true，则返回 false；否则返回 true。

需要注意的是， 表达式可以是任意类型，并不局限于布尔值。

以下类型的表达式在转换为布尔值时会变为 false：

• null
• NaN
• 0
• 空字符串（""、'' 或 ``）
• undefined

需特别注意的是 undefined 类型。部分表达式返回的是 undefined ，例如未设置 return 的函数，其执行返回值即为 undefined。

尽管 && 和 || 运算符允许使用非布尔值操作数，但它们仍被视为布尔操作符，因为其返回值总能转换为布尔值。若需显式将返回值或表达式转换为布尔值，可使用双重非运算符（即 !!）或 Boolean 构造函数。

双重非运算符 !! 可将任意值强制转换为布尔值，在需要条件判断的场景中极为常用。

短路计算原理

短路计算

逻辑运算符的另一个关键机制是短路计算：

• 对于 (some falsy expression1) && (expression2)，短路计算的结果为假。
• 对于 (some truthy expression1) || (expression2)，短路计算的结果为真。

所谓短路，是指上述表达式中的 expression2 部分不会被执行，因此 expression2 的任何副作用都不会生效（例如，若 expression 是函数调用，该调用将不会发生）。原因是整个表达式的值在计算完第一个操作数后已确定。

逻辑运算符实战用法

用法

利用 javascript 中逻辑运算符支持任意类型及短路计算的特性，我们可以将其应用于一些特殊场景。

逻辑与

逻辑与可用于获取第一个假值，例如 expr1 && expr2 && expr3，当表达式链中存在假值时，该假值会被返回。同理，若前面所有表达式均为真，则执行最后一个表达式以简化判断逻辑，如 x > 0 && a()，这可以替代 if 语句。

逻辑或

逻辑或常用于设置默认值。例如函数需要用户输入参数，若未输入则赋予默认值，代码如 this.a = param || {}。

以上就是 JavaScript 逻辑运算符相关总结的详细内容，更多关于 JavaScript 逻辑运算符的资料请关注本站其它相关文章！