ECMAScript 2021 是 JavaScript 的最新标准，其中包含了一些新的运算符，包括逻辑赋值操作符和二进制运算符。这些新运算符可以帮助开发者更方便地进行数据处理和逻辑操作。
逻辑赋值操作符
逻辑赋值操作符是一种结合了逻辑运算符和赋值操作符的运算符。它们可以将逻辑运算的结果直接赋值给变量。ECMAScript 2021 中新增了三个逻辑赋值操作符：
&&=：表示逻辑与赋值操作符，它会将左侧的表达式与右侧的表达式进行逻辑与运算，并将结果赋值给左侧的变量。||=：表示逻辑或赋值操作符，它会将左侧的表达式与右侧的表达式进行逻辑或运算，并将结果赋值给左侧的变量。??=：表示空值合并赋值操作符，它会将左侧的表达式与右侧的表达式进行空值合并运算，并将结果赋值给左侧的变量。
以下是逻辑赋值操作符的示例代码：
-- -------------------- ---- ------- --- - - -- --- - - -- --- - - ----- - --- -- -- - - - - --- -- -- - - ---- - --- -- -- - - ---- - --- -- -- - - - - --- -- -- - - ---- - --- -- -- - - -
在第一个示例中，a &&= b 的结果为 2，因为 b 是一个真值。在第二个示例中，a &&= c 的结果为 null，因为 c 是一个空值。
在第三个示例中，a ||= b 的结果为 null，因为 a 是一个空值。在第四个示例中，a ||= c 的结果为 2，因为 c 是一个真值。
在第五个示例中，a ??= b 的结果为 null，因为 a 是一个空值。在第六个示例中，a ??= c 的结果为 2，因为 c 是一个真值。
二进制运算符
二进制运算符是一种用来进行二进制位操作的运算符。它们可以帮助开发者更方便地进行位运算。ECMAScript 2021 中新增了四个二进制运算符：
|>：表示管道运算符，它可以将左侧的表达式作为参数传递给右侧的函数，并将函数的返回值赋值给左侧的变量。<<：表示左移运算符，它可以将一个数的二进制表示向左移动指定的位数。>>：表示带符号右移运算符，它可以将一个数的二进制表示向右移动指定的位数，并保留符号位。>>>：表示无符号右移运算符，它可以将一个数的二进制表示向右移动指定的位数，并将符号位视为零。
以下是二进制运算符的示例代码：
let a = 0b0010; let b = 0b0100; let c = a |> (x => x + 1); // c = 3 let d = a << 1; // d = 0b0100 let e = b >> 1; // e = 0b0010 let f = b >>> 1; // f = 0b0010
在第一个示例中，a |> (x => x + 1) 的结果为 3，因为函数 x => x + 1 将 a 加上 1 后返回了 3。
在第二个示例中，a << 1 的结果为 0b0100，因为将 0b0010 向左移动一位后得到 0b0100。在第三个示例中，b >> 1 的结果为 0b0010，因为将 0b0100 向右移动一位后得到 0b0010。在第四个示例中，b >>> 1 的结果也为 0b0010，因为将 0b0100 向右移动一位后得到 0b0010，并将符号位视为零。
总结
逻辑赋值操作符和二进制运算符是 ECMAScript 2021 中新增的一些运算符。它们可以帮助开发者更方便地进行数据处理和逻辑操作。在实际开发中，我们可以根据实际情况选择合适的运算符来处理数据和逻辑。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/658cf266eb4cecbf2d2d3fd2