浅谈JS运算符&&和|| 及其优先级

引言

在JavaScript中，运算符&&（逻辑与）和||（逻辑或）是经常使用的操作符。它们用于组合和控制条件语句、条件表达式和布尔值。了解这两个运算符的使用和优先级对于开发高效的JavaScript代码至关重要。

逻辑与运算符（&&）

逻辑与运算符（&&）用于连接两个表达式，并在两侧的表达式都为真（truthy）时返回真。其优先级较低，一般用于条件判断。

示例1：

let a = 5;
let b = 10;
if (a > 0 && b > 0) {
   console.log("a和b都大于0");
} else {
   console.log("a和b至少有一个小于等于0");
}

在上面的示例中，通过使用逻辑与运算符&&，我们判断了a和b是否都大于0。只有当两个条件都满足时，才会输出"a和b都大于0"，否则输出"a和b至少有一个小于等于0"。

逻辑或运算符（||）

逻辑或运算符（||）用于连接两个表达式，并在至少一个表达式为真（truthy）时返回真。其优先级较低，一般用于条件判断。

示例2：

let num = 5;
if (num > 0 || num < -10) {
   console.log("num大于0或小于-10");
} else {
   console.log("num既不大于0也不小于-10");
}

在上面的示例中，通过使用逻辑或运算符||，我们判断了num是否大于0或小于-10。只要满足其中一个条件，就会输出"num大于0或小于-10"，否则输出"num既不大于0也不小于-10"。

运算符的优先级

在JavaScript中，逻辑与运算符（&&）的优先级高于逻辑或运算符（||）。

示例3：

let a = 1;
let b = 2;
let c = 3;
let result = a || b && c;
console.log(result); // 1

在上面的示例中，由于逻辑与运算符的优先级高于逻辑或运算符，所以先执行b && c，结果为3。然后再执行a || (b && c)，结果为1。因此，最终的结果为1。

总结

• 逻辑与运算符（&&）用于连接两个表达式，并在两侧的表达式都为真时返回真。
• 逻辑或运算符（||）用于连接两个表达式，并在至少一个表达式为真时返回真。
• 运算符的优先级是逻辑与（&&）高于逻辑或（||）。

希望本文对你理解 JavaScript 运算符&&和||及其优先级有所帮助。如有其他问题，请随时提问。