• 本文目录导读：
• 1、什么是||和&&操作符？
• 2、应用场景
• 3、 条件判断
• 4、 短路运算

在JavaScript编程中，我们经常会用到逻辑运算符，其中包括||和&&。这两个操作符在实际开发过程中非常有用。本文将详细介绍||和&&操作符以及它们在JavaScript中的应用。

什么是||和&&操作符？

首先来了解一下||（或）和&&（与）这两个逻辑运算符。它们都可以对两个表达式进行比较，并返回布尔值true或false。

– ||：如果左侧表达式为false，则返回右侧表达式；如果左侧表达式为true，则不再计算右侧表达式。

– &&：如果左侧表达式为false，则不再计算右侧表达式；如果左侧表达式为true，则返回右侧表达式。

下面我们通过代码来演示：

“`

let a = 5;

let b = 10;

console.log(a > 4 || b < 5); // true

console.log(a < 4 || b < 5); // false

console.log(a > 4 && b < 12); // true

console.log(a > 6 && b < 12); // false

上述代码中，第一个例子使用了“或”逻辑运算符，因此只要a大于4或者b小于5就会返回true。而第二个例子则因为a小于4并且b也小于5，所以返回false。

第三个和第四个例子使用了“与”逻辑运算符，因此只有当a大于4并且b小于12时才会返回true。而在第四个例子中，因为a大于6并不满足条件，所以返回false。

应用场景

现在我们来看一下||和&&操作符的实际应用场景。

1. 条件判断

我们可以使用||操作符来检查变量是否有值：

let username = ”;

let nickname = ‘Lucy’;

console.log(username || nickname); // Lucy

由于username为空字符串，而nickname有值，因此返回nickname的值。这种技巧经常用来设置默认参数：

function printName(name) {

console.log(name || ‘Guest’);

}

printName(); // Guest

printName(‘Lucy’); // Lucy

如果没有传入参数，则函数会输出Guest；否则将输出传入的name参数。

另外一个例子是使用&&操作符来检查变量是否存在：

let myObj = { name: ‘Lucy’ };

console.log(myObj && myObj.name); // Lucy

myObj = null;

console.log(myObj && myObj.name); // null

在这个示例中，在myObj存在且其属性name也存在时才会返回name的值。如果myObj不存在或者其属性name不存在，则不再计算后面的表达式，并直接返回null。

2. 短路运算

||和&&操作符也常用于短路运算。在使用||操作符时，如果左侧的表达式为true，则不会再计算右侧的表达式（因为不管右侧是什么都无法改变结果）。同样，在使用&&操作符时，如果左侧的表达式为false，则不会再计算右侧的表达式。

let a = 1;

let b = 2;

(a == 1 || console.log(‘Hello’)); // true

(b == 3 && console.log(‘World’)); // false

在上面的代码中，第一个例子因为a等于1返回了true，并且不再执行console.log语句；而第二个例子因为b等于2返回了false，并且也没有执行console.log语句。

本文介绍了JavaScript中||和&&操作符以及它们在实际开发中的应用场景。这些逻辑运算符可以让我们更加灵活地处理条件判断和短路运算。希望本文对您有所帮助！