22 - 运算符 - 逻辑运算符 - 逻辑短路现象及应用

前端 - Javascript 《运算符 - 逻辑运算符 - 逻辑短路现象及应用》

在 JavaScript 的世界里，逻辑运算符是我们编程时经常会用到的工具。逻辑运算符主要包括逻辑与（&&）、逻辑或（||）和逻辑非（!）。而今天我们要重点探讨的是逻辑与和逻辑或在运算过程中出现的逻辑短路现象，以及这种现象在实际编程中的有趣应用。

逻辑短路现象

逻辑与（&&）的短路现象

逻辑与运算符（&&）用于判断多个条件是否同时成立。它的运算规则是：只有当所有条件都为 true 时，整个表达式的结果才为 true；只要有一个条件为 false，结果就为 false。而逻辑与的短路现象就体现在：当遇到第一个为 false 的条件时，后面的条件将不再进行判断。

下面是一个简单的例子：

let a = 1;
let b = 2;
false && (a = 3);
console.log(a); // 输出 1

在这个例子中，false && (a = 3) 表达式中，第一个条件为 false，根据逻辑与的短路规则，后面的 (a = 3) 不会被执行，所以 a 的值仍然是 1。

逻辑或（||）的短路现象

逻辑或运算符（||）用于判断多个条件中是否至少有一个成立。它的运算规则是：只要有一个条件为 true，整个表达式的结果就为 true；只有当所有条件都为 false 时，结果才为 false。逻辑或的短路现象是：当遇到第一个为 true 的条件时，后面的条件将不再进行判断。

看这个例子：

let x = 4;
let y = 5;
true || (x = 6);
console.log(x); // 输出 4

在 true || (x = 6) 表达式中，第一个条件为 true，所以后面的 (x = 6) 不会被执行，x 的值保持为 4。

逻辑短路现象的应用

默认值设置

逻辑或的短路现象可以用于设置默认值。当我们需要给一个变量赋默认值时，如果该变量已经有值（即值为 true），就使用它本身的值；如果没有值（值为 false），就使用默认值。

function greet(name) {
    name = name || 'Guest';
    console.log(`Hello, ${name}!`);
}
greet(); // 输出 Hello, Guest!
greet('Alice'); // 输出 Hello, Alice!

条件判断与函数调用

逻辑与的短路现象可以用于在满足某个条件时才调用函数。

let isLoggedIn = false;
function showDashboard() {
    console.log('Showing dashboard...');
}
isLoggedIn && showDashboard(); 
// 由于 isLoggedIn 为 false，showDashboard 函数不会被调用

总结

逻辑短路现象在 JavaScript 中是一个非常实用的特性，它不仅可以让我们的代码更加简洁高效，还能避免一些不必要的计算和错误。掌握好逻辑短路现象及其应用，能让我们在编写 JavaScript 代码时更加得心应手。