ES12（也被称为 ES2021）是 ECMAScript 标准的最新版本，它引入了许多新的语言特性和功能。其中一个新特性是 Logical Assignment Operators，也称为逻辑赋值运算符。
逻辑赋值运算符是一种简化代码的运算符，它将逻辑运算符和赋值运算符合并在一起。它们的语法形式如下：
&&=：逻辑与赋值运算符||=：逻辑或赋值运算符??=：空值合并赋值运算符
这些运算符使用与常规逻辑运算符相同的规则，但它们还会将结果赋值给左侧的变量。这意味着您可以使用逻辑运算符来计算变量的值，并将结果保存在该变量中。
逻辑与赋值运算符（&&=）
逻辑与赋值运算符（&&=）将逻辑与运算符（&&）和赋值运算符（=）合并在一起。它的作用是在变量的当前值为真（truthy）的情况下，才会将右侧的值赋给变量。
下面是一个使用逻辑与赋值运算符的示例：
--- - - ----- --- - - ------ - --- -- --------------- -- -----
在上面的示例中，a 的初始值为 true，b 的初始值为 false。因为 a 的值为真，所以逻辑与运算符会将 b 的值赋给 a，结果 a 的值变为了 false。
逻辑或赋值运算符（||=）
逻辑或赋值运算符（||=）将逻辑或运算符（||）和赋值运算符（=）合并在一起。它的作用是在变量的当前值为假（falsy）的情况下，才会将右侧的值赋给变量。
下面是一个使用逻辑或赋值运算符的示例：
--- - - ------ --- - - ----- - --- -- --------------- -- ----
在上面的示例中，a 的初始值为 false，b 的初始值为 true。因为 a 的值为假，所以逻辑或运算符会将 b 的值赋给 a，结果 a 的值变为了 true。
空值合并赋值运算符（??=）
空值合并赋值运算符（??=）将空值合并运算符（??）和赋值运算符（=）合并在一起。它的作用是在变量的当前值为 null 或 undefined 的情况下，才会将右侧的值赋给变量。
下面是一个使用空值合并赋值运算符的示例：
--- - - ----- --- - - -------- - --- -- --------------- -- -------
在上面的示例中，a 的初始值为 null，b 的初始值为 'hello'。因为 a 的值为 null，所以空值合并运算符会将 b 的值赋给 a，结果 a 的值变为了 'hello'。
指导意义
逻辑赋值运算符是一种非常方便和简洁的语言特性，它可以帮助您更轻松地编写清晰的代码。使用逻辑赋值运算符可以减少代码中的重复和冗余，同时也可以使代码更加易读和易于维护。
但是，需要注意的是，在使用逻辑赋值运算符时，您需要确保您的代码逻辑正确，否则可能会导致不必要的错误和难以调试的问题。因此，在使用逻辑赋值运算符时，请确保您理解它们的工作原理，并且只在必要的情况下使用它们。
结论
逻辑赋值运算符是 ES12 中的一个新特性，它可以帮助您更轻松地编写清晰的代码。逻辑与赋值运算符、逻辑或赋值运算符和空值合并赋值运算符分别将逻辑运算符和赋值运算符合并在一起。您可以使用逻辑赋值运算符来计算变量的值，并将结果保存在该变量中。但是，在使用逻辑赋值运算符时，请确保您理解它们的工作原理，并且只在必要的情况下使用它们。
--- - - ---------- --- - - -------- - --- -- --------------- -- -------
在上面的示例中，a 的初始值为 undefined，b 的初始值为 'world'。因为 a 的值为 undefined，所以空值合并运算符会将 b 的值赋给 a，结果 a 的值变为了 'world'。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/673c22ab7088281697c65aa1