了解 ECMAScript 2019 中的同时赋值操作符

在 ECMAScript 2019 中，引入了同时赋值操作符，这是一种简洁而强大的语法，可以让我们同时为多个变量赋值。本文将详细介绍同时赋值操作符的用法、特性和示例代码，帮助读者更好地理解和掌握这一语法。

同时赋值操作符的用法

同时赋值操作符是一种将多个变量赋值的语法，它使用一个等号和多个变量名组合而成。例如，我们可以使用以下语法将三个变量 a、b 和 c 赋值为 1：

let a, b, c;
a = b = c = 1;

在这个例子中，c 被赋值为 1，然后 b 和 a 分别被赋值为 c 的值，因此 a、b 和 c 都被赋值为 1。

同时赋值操作符的语法非常简单，它可以同时为多个变量赋值，而不需要在每个变量名前都写一个等号。这种语法的优点是可以让我们更快地编写代码，并且提高代码的可读性。

同时赋值操作符的特性

同时赋值操作符有一些特性，这些特性可以帮助我们更好地使用这种语法。下面是一些同时赋值操作符的特性：

右结合性

同时赋值操作符是右结合的，这意味着它们从右往左执行。例如，以下代码：

let a, b, c, d;
a = b = c = d = 1;

在这个例子中，d 被赋值为 1，然后 c、b 和 a 分别被赋值为 d 的值，因此 a、b、c 和 d 都被赋值为 1。

返回赋值的值

同时赋值操作符返回赋值的值。例如，以下代码：

let a = 1;
let b = (a = 2);

在这个例子中，a 被赋值为 2，同时 b 也被赋值为 2。这是因为 a = 2 表达式返回了 2，然后 b 被赋值为这个值。

可以与其他操作符一起使用

同时赋值操作符可以与其他操作符一起使用，例如：

let a = 1;
let b = 2;
let c = 3;
a += b += c;

在这个例子中，c 被赋值为 3，然后 b 被赋值为 b + c，即 5，最后 a 被赋值为 a + b，即 6。

同时赋值操作符的示例代码

下面是一些同时赋值操作符的示例代码，这些代码可以帮助读者更好地理解和掌握这种语法：

示例 1

let a, b, c;
a = b = c = 1;
console.log(a, b, c); // 1 1 1

在这个例子中，a、b 和 c 都被赋值为 1。

示例 2

let a = 1;
let b = (a = 2);
console.log(a, b); // 2 2

在这个例子中，a 和 b 都被赋值为 2。

示例 3

let a = 1;
let b = 2;
let c = 3;
a += b += c;
console.log(a, b, c); // 6 5 3

在这个例子中，a、b 和 c 分别被赋值为 6、5 和 3。

总结

同时赋值操作符是 ECMAScript 2019 中引入的一种语法，它可以同时为多个变量赋值。同时赋值操作符具有右结合性、返回赋值的值和可以与其他操作符一起使用等特性。掌握同时赋值操作符可以让我们更快地编写代码，并且提高代码的可读性。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/657d3925d2f5e1655d805cac