ECMAScript 2020 (ES11) 新特性：逻辑赋值运算符-JavaScript中文网-JavaScript教程资源分享门户

在2020年6月，ECMAScript发布了其最新的版本，即ECMAScript 2020（ES11），其中包括了很多新的语言特性和功能。在ES11中，逻辑赋值运算符是一项很值得关注的新特性。

什么是逻辑赋值运算符？

逻辑赋值运算符结合了逻辑运算和赋值运算，用于在简化代码时执行这两个操作。这意味着，我们可以在一个表达式中将变量或对象属性与一个值进行比较，并将比较结果分配给该变量或对象属性。

ES11中引入了三个逻辑赋值运算符：||=、&&=和??=。

||= 逻辑赋值运算符用于将左侧的操作数与右侧的操作数进行比较，如果左侧的操作数为假，则用右侧的操作数赋值给左侧的操作数，否则不进行赋值操作。例如：

let x;
x ||= 'default';
console.log(x); // 'default'

&&= 逻辑赋值运算符用于将左侧的操作数与右侧的操作数进行比较，如果左侧的操作数为真，则用右侧的操作数赋值给左侧的操作数，否则不进行赋值操作。例如：

let x = null;
x &&= 'value';
console.log(x); // null

let y = 'existing value';
y &&= 'new value';
console.log(y); // 'new value'

??= 逻辑赋值运算符用于将左侧的操作数与右侧的操作数进行比较，如果左侧的操作数为null或undefined，则用右侧的操作数赋值给左侧的操作数，否则不进行赋值操作。例如：

let x = null;
x ??= 'default';
console.log(x); // 'default'

let y = 'existing value';
y ??= 'new value';
console.log(y); // 'existing value'

逻辑赋值运算符主要有以下两个优点：

1.简化表达式

逻辑赋值运算符可以简化含有逻辑运算和赋值运算的表达式，使得代码更加易于阅读和编写。

例如，以下代码：

if (x === undefined) {
  x = 'default';
}

可以简化为：

x ??= 'default';

2.避免重复计算

在使用常规赋值语句时，我们经常需要对变量进行多次计算，而逻辑赋值运算符可以帮助我们避免这种情况。

例如，以下代码：

if (!result) {
  result = getResult();
}

可以简化为：

result ||= getResult();

逻辑赋值运算符是ECMAScript 2020中的新特性，包括了||=、&&=和??=三种运算符。这些运算符可以简化含有逻辑运算和赋值运算的表达式，使得代码更加易于阅读和编写，同时还可以避免重复计算。因此，在编写JavaScript代码时，我们应该注意这些新特性的使用，以提高代码的可读性和效率。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/651d4d0a95b1f8cacd4daaf2