在2020年6月，ECMAScript发布了其最新的版本，即ECMAScript 2020（ES11），其中包括了很多新的语言特性和功能。在ES11中，逻辑赋值运算符是一项很值得关注的新特性。
什么是逻辑赋值运算符？
逻辑赋值运算符结合了逻辑运算和赋值运算，用于在简化代码时执行这两个操作。这意味着，我们可以在一个表达式中将变量或对象属性与一个值进行比较，并将比较结果分配给该变量或对象属性。
ES11中引入了三个逻辑赋值运算符：||=、&&=和??=。
||=
||= 逻辑赋值运算符用于将左侧的操作数与右侧的操作数进行比较，如果左侧的操作数为假，则用右侧的操作数赋值给左侧的操作数，否则不进行赋值操作。例如：
--- -- - --- ---------- --------------- -- ---------
&&=
&&= 逻辑赋值运算符用于将左侧的操作数与右侧的操作数进行比较，如果左侧的操作数为真，则用右侧的操作数赋值给左侧的操作数，否则不进行赋值操作。例如：
--- - - ----- - --- -------- --------------- -- ---- --- - - --------- ------- - --- ---- ------- --------------- -- ---- ------
??=
??= 逻辑赋值运算符用于将左侧的操作数与右侧的操作数进行比较，如果左侧的操作数为null或undefined，则用右侧的操作数赋值给左侧的操作数，否则不进行赋值操作。例如：
--- - - ----- - --- ---------- --------------- -- --------- --- - - --------- ------- - --- ---- ------- --------------- -- --------- ------
逻辑赋值运算符的优点
逻辑赋值运算符主要有以下两个优点：
1.简化表达式
逻辑赋值运算符可以简化含有逻辑运算和赋值运算的表达式，使得代码更加易于阅读和编写。
例如，以下代码：
-- -- --- ---------- - - - ---------- -
可以简化为：
- --- ----------
2.避免重复计算
在使用常规赋值语句时，我们经常需要对变量进行多次计算，而逻辑赋值运算符可以帮助我们避免这种情况。
例如，以下代码：
-- --------- - ------ - ------------ -
可以简化为：
------ --- ------------
总结
逻辑赋值运算符是ECMAScript 2020中的新特性，包括了||=、&&=和??=三种运算符。这些运算符可以简化含有逻辑运算和赋值运算的表达式，使得代码更加易于阅读和编写，同时还可以避免重复计算。因此，在编写JavaScript代码时，我们应该注意这些新特性的使用，以提高代码的可读性和效率。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/651d4d0a95b1f8cacd4daaf2