JavaScript逻辑运算符详解：非、与、或的运算规则与应用

逻辑非（!）与布尔转换

逻辑非操作符由一个叹号 ! 表示。它会将任意类型的操作数转换为布尔类型并取反，因此无论输入什么数据类型，返回结果始终是布尔值。其转换逻辑与全局函数 Boolean() 一致：

• 假值（Falsey values）：undefined, null, 0, -0, NaN, false, ''（空字符串）。
• 真值（Truthy values）：除了上述假值外的所有值，包括空对象 {} 和空数组 []。

若需要模拟 Boolean() 函数的行为，可连续使用两个逻辑非操作符：

console.log(!!undefined); // false
console.log(!!null);      // false
console.log(!!0);         // false
console.log(!!'');        // false

console.log(!!{});        // true
console.log(!![]);        // true
console.log(!!false);     // false

在实际业务中，逻辑非常配合循环使用来控制检索过程。例如，当满足特定条件时将标志位设为 true，利用 ! 判断退出循环：

var bFound = false;
var i = 0;
while (!bFound) {
    if (aValue[i] == vSearchValues) {
        bFound = true;
    } else {
        i++;
    }
}

逻辑与（&&）与短路机制

逻辑与操作符由双和号 && 表示。只有当两个操作数都为真时，结果才为真。但在 JavaScript 中，只要第一个操作数的结果能决定最终逻辑值，第二个操作数就会被“短路”跳过。这种特性不仅提高了性能，还常被用于流程控制：

• 第一个操作数为假：直接返回该操作数的值，不再执行后续计算。
• 第一个操作数为真：返回第二个操作数的值（无论第二个是真是假）。

以下代码演示了不同情况下的返回值及副作用：

// 返回第一个假值，或最后一个操作数的值
console.log('t' && '');      // '' (因为 't' 是真，返回后一个)
console.log('' && 'f');      // '' (第一个是假，直接返回 '')

// 短路防止报错示例
var i = 1;
var result = (true && i++);  // result: 1, i: 2 (执行了 ++)
i = 1;
result = (false && i++);     // result: false, i: 1 (i++ 未执行)

逻辑与的常见应用场景：

1. 简化 If 语句：将简单的单分支条件判断压缩为一行代码。

if (a == b) { doSomething(); }
// 等价于
(a == b) && doSomething();

2. 安全的回调函数调用：通过检查参数是否存在（是否为假值），避免调用 undefined 导致异常。

function fn(a) {
    if(a) { a(); }
}
// 等价于更简洁的写法
function fn(a) {
    a && a();
}

逻辑或（||）与默认参数赋值

逻辑或操作符由双竖线 || 表示。只要有一个操作数为真，结果即为真。同样具备短路求值特性：

• 第一个操作数为真：直接返回该操作数的值。
• 第一个操作数为假：返回第二个操作数的值。

这一机制在 JavaScript 中最经典的应用是为函数参数设置默认值。如果传入的参数是“假值”，则回退到指定的默认对象或变量：

console.log('t' || '');      // 't'
console.log('' || 'fallback');// 'fallback'

// 经典用法：设置默认配置或对象
function fn(p) {
    p = p || {};
}

注意：0 是假值。如果默认参数的合法值为数字 0，使用 || 会导致 0 被错误地替换为默认值。此时推荐使用 ES6 的默认参数语法 (param = defaultValue)。

优先级与多运算符连用

在表达式嵌套中，需要注意运算符的优先级顺序：关系运算符（如 ==、>）的优先级高于逻辑运算符（&&、||）。因此包含关系比较的逻辑表达式通常可以直接书写，无需额外的括号：

if (a+1 == 2 && b+2 == 3) { /* 正常执行 */ }

多个相同逻辑运算符连用时，遵循从左至右的结合性：

• a && b && c：返回第一个为真的表达式的值；若全为假，返回最后一个值。
• a || b || c：返回第一个为真的表达式的值；若全为假，返回最后一个值。

以上就是 JavaScript 逻辑运算符非、与、或的全面解析，更多关于 JavaScript 基础语法与最佳实践的资料请关注本站其它相关文章！