在前端开发中，我们经常需要对变量进行赋值操作。ES2021 中新增的逻辑赋值表达式（Logical Assignment Expressions）可以让我们更加简洁地完成这些操作。
什么是逻辑赋值表达式？
逻辑赋值表达式是一种组合了逻辑运算和赋值操作的表达式。它的语法如下所示：
a &&= b; a ||= b; a ??= b;
其中，&&= 表示当 a 的值为真时，将 b 的值赋给 a；||= 表示当 a 的值为假时，将 b 的值赋给 a；??= 表示当 a 的值为 null 或 undefined 时，将 b 的值赋给 a。
为什么要使用逻辑赋值表达式？
使用逻辑赋值表达式可以让我们更加简洁地完成赋值操作，尤其是当我们需要判断变量是否为真或假、是否为 null 或 undefined 的时候。下面是一个使用逻辑赋值表达式的例子：
let x = null; x ||= 10; console.log(x); // 输出 10
这段代码中，当 x 的值为 null 或 undefined 时，将 10 赋给 x。这个操作可以用传统的赋值语句来完成，但是逻辑赋值表达式更加简洁明了。
如何使用逻辑赋值表达式？
我们可以在需要进行赋值操作的地方使用逻辑赋值表达式。下面是一个使用逻辑赋值表达式的例子：
let x = 1; x += 2; // 传统的赋值语句 console.log(x); // 输出 3 let y = 1; y &&= 2; // 使用逻辑赋值表达式 console.log(y); // 输出 2
这段代码中，我们先使用传统的赋值语句将 1 加上 2 赋给 x，然后使用逻辑赋值表达式将 1 和 2 进行逻辑与运算，并将结果赋给 y。这两种方式都可以完成赋值操作，但是使用逻辑赋值表达式可以让代码更加简洁。
总结
逻辑赋值表达式是 ES2021 中的一个新特性，它可以让我们更加简洁地完成赋值操作。我们可以在需要进行赋值操作的地方使用逻辑赋值表达式，尤其是当我们需要判断变量是否为真或假、是否为 null 或 undefined 的时候。使用逻辑赋值表达式可以让我们的代码更加简洁明了。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/657d9514d2f5e1655d873bca