JavaScript 的 ES11 版本（也称 ECMAScript 2020）引入了一些新的语言特性，其中包括逻辑赋值运算符。在这篇文章中，我们将探讨这些运算符如何工作，它们的用途以及如何在代码中使用它们。
什么是逻辑赋值运算符
逻辑赋值运算符是一种简短的写法，它将逻辑运算和赋值结合到一起。它们的基本语法如下：
a &&= b; a ||= b; a ??= b;
这里的 a 和 b 是任何可赋值的表达式（如变量或函数调用），&&、|| 和 ?? 是逻辑运算符。
在这个运算符中，如果 a 能够被强制转换为 false，则 b 将不会被赋值给它。否则，b 将被赋值给 a。
逻辑赋值运算符是 JavaScript 中非常实用的功能，因为它们使编写代码更加简洁和可读。
逻辑赋值运算符的用途
在 JavaScript 中，我们经常需要检查一个变量是否为 null 或 undefined，并将其设为默认值。在使用逻辑赋值运算符之前，我们通常使用如下代码：
if (!someVariable) {
someVariable = defaultValue;
}现在，有了逻辑赋值运算符，上面的代码可以写为：
someVariable ??= defaultValue;
这个代码更加简洁、可读，同时它还在语义上更加清晰地体现了你想要实现的操作。
逻辑赋值运算符还可以用于多个变量的赋值操作：
let a = null; let b = 3; let c = 'hello'; a ??= b ??= c;
在这里，如果 a 为 null，则将 b 赋值给 a，如果 b 为 null，则将 c 赋值给 b。这样就可以不用嵌套的条件语句来实现这个功能。
示例代码
下面是逻辑赋值运算符的一些示例代码：
-- -------------------- ---- ------- --- - - ----- --- - - -- --- - - -------- - --- -- -- - - --- -- -- - - --- -------- -- ------- --- - - ----- --- - - -- --- - - -------- - --- - --- -- -- - - -------- - - -------- - - -------
总结
ES11 中的逻辑赋值运算符使编写 JavaScript 代码更加简洁和优雅，它们消除了大量重复的代码，并且在语义上更加清晰地表达了你想要实现的操作。作为一个前端工程师，通过使用新特性，可以让代码更简洁，更干净。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6459e69a968c7c53b0c00a9b