使用 '+=' 来简化 JavaScript 代码

在 JavaScript 中，+= 是一种常见的运算符，它能够将两个值相加并将结果赋值给左侧的变量。这个操作看起来有点奇怪，但实际上它非常有用。 += 操作符可以简化代码并使其更加清晰。在这里，我们会介绍 += 操作符的使用方式以及实例。

使用 '+=' 进行简单的加法运算

在 JavaScript 中，当我们想将一个数值变量加上一个常数时，我们通常会使用类似于下面的代码：

let a = 5;
a = a + 2;
console.log(a); // 7

当我们使用 += 操作符时，上面的代码可以简化为：

let a = 5;
a += 2;
console.log(a); // 7

这里 += 操作符将右侧的数值（2）添加到左侧的变量（a），并将结果赋值给左侧的变量（a）。

'+=' 操作符可以用于字符串拼接

除了数值之外， += 操作符还可以用于字符串拼接。我们可以像下面这样用 += 操作符来将一个字符串变量连接到另一个字符串变量上：

let message = "Hello, ";
message += "world!";
console.log(message); // "Hello, world!"

这里，+= 操作符将右侧的字符串（"world!"）连接到左侧的字符串变量（message）上，并将结果赋值给左侧的变量（message）。

'+=' 也可以用于数组拼接

除了字符串之外， += 操作符还可以用于数组拼接。我们可以像下面这样使用 += 操作符将一个数组添加到另一个数组的末尾：

let a = [1, 2, 3];
let b = [4, 5];
a += b;
console.log(a); // "1,2,34,5"

这里， += 操作符将右侧的数组（[4, 5]）添加到左侧的数组变量（a）的末尾，并将结果赋值给左侧的变量（a）。

需要注意的是， += 操作符在数组拼接中并不是一个常见的用法，并且它可能会产生一些奇怪的行为。在实际使用时，最好使用 concat() 方法来连接两个数组。

总结

在 JavaScript 中， += 操作符可以将一个值添加到另一个值上，并将结果赋值给左侧的变量。这个操作非常有用，并且可以用于数值、字符串和数组。使用 += 操作符可以简化代码并让它更加直观。