JS逻辑运算符&&和||返回值机制及!用法解析

本文解析JavaScript中&&、||和!三个逻辑运算符的具体行为。重点说明&&和||不仅用于布尔判断，还可作用于任意值并返回操作数本身，利用此特性可实现默认参数赋值及Truthy值获取。同时对比!运算符仅返回布尔值的特性，帮助开发者准确掌握JS逻辑运算的短路机制与返回值规则。

JavaScript逻辑运算符概述

与C、Java等语言类似，JavaScript提供了&&、||和!三个逻辑运算符用于布尔值的判断。然而，JavaScript的独特之处在于，逻辑与（&&）和逻辑或（||）操作符可以应用于任何类型的值，且执行后返回的结果不一定是布尔类型，而是具体的操作数值。

逻辑与（&&）运算符的处理机制

在JavaScript中，&&运算符遵循特定的求值规则：

1. 首先评估第一个操作数是否为Falsy（假值）。如果是，则直接返回该第一个操作数的值（其类型不一定是布尔型）。 2. 若第一个操作数为Truthy（真值），则继续评估并直接返回第二个操作数的值（同样，其类型不一定是布尔型）。

具体代码示例如下：

var o = {x:1, y:2};
console.log(o && o.y);//输出结果为2
console.log(null && x);//输出结果为null

逻辑或（||）运算符的处理机制

与&&运算符类似，JavaScript中||运算符的处理逻辑如下：

1. 首先评估第一个操作数是否为Truthy（真值）。如果是，则直接返回该第一个操作数的值（其类型不一定是布尔型）。 2. 若第一个操作数为Falsy（假值），则继续评估并直接返回第二个操作数的值（其类型不一定是布尔型）。

||运算符的这种返回值特性，使得JavaScript中一些简洁的编程技巧成为可能：

1. 从多个值中获取第一个Truthy值：

具体代码示例如下：

var a = null;
var b = 42;
var v = a || b || 100;
console.log(v);//输出结果为42

2. 为函数参数设置默认值：

具体代码示例如下：

function test(p){
p = p || {};//若未传入p，则将其初始化为空对象。
}

与&&和||不同，!运算符的行为与C、Java等语言保持一致，它始终只返回布尔类型的结果（true或false）。