JavaScript 重新分配

在编写 JavaScript 代码时，经常需要重新分配变量的值，以便进行后续处理。本文将介绍 JavaScript 中重新分配的几种用法和技巧。

基本重新分配

JavaScript 中的基本重新分配语法如下所示：

variable = value;

其中，variable 是要重新分配的变量名，value 是要重新分配的新值。

例如，下面的代码将重新分配变量 x 的值：

let x = 10;
x = 20;

在执行完这段代码后，变量 x 的值将是 20。

复合重新分配

JavaScript 中的复合重新分配语法可以更快地对变量进行重新分配。相当于将变量与新值进行某种运算后再赋值。

下面是一些复合重新分配运算符：

| 运算符 | 例子 | 等价于 | | ------ | ---- | ------ | | += | x += y | x = x + y | | -= | x -= y | x = x - y | | *= | x *= y | x = x * y | | /= | x /= y | x = x / y | | %= | x %= y | x = x % y | | **= | x **= y | x = x ** y | | <<= | x <<= y | x = x << y | | >>= | x >>= y | x = x >> y | | >>>= | x >>>= y | x = x >>> y | | &= | x &= y | x = x & y | | ^= | x ^= y | x = x ^ y | | |= | x |= y | x = x | y |

例如，下面的代码使用复合重新分配运算符：

let x = 10;
x += 5;

在执行完这段代码后，变量 x 的值将是 15。

解构重新分配

JavaScript 中的解构重新分配语法可以同时将一个对象或数组中的值分配给多个变量。

下面是一些解构重新分配语法的例子：

let [a, b] = [1, 2];
let {x, y} = {x: 3, y: 4};

在执行完这些代码后，变量 a 将是 1，变量 b 将是 2，变量 x 将是 3，变量 y 将是 4。

空值合并运算符

JavaScript 中的空值合并运算符可以用于将一个变量重新分配为另一个变量的值，但仅在其初始值为 null 或 undefined 时才会这样做。

空值合并运算符的语法如下：

let x = null;
let y = x ?? 10;

在执行完这段代码后，变量 y 将是 10。

结论

重新分配是 JS 编程中的基础操作之一。我们可以使用基本，复合和解构重新分配语法来使代码更简单和直接。好在 ES6 之后的 ES版本都支持这些功能。