JavaScript String Concat vs +

当需要将多个字符串合并成一个字符串时，JavaScript 提供两种方法：直接使用 + 操作符和调用字符串对象的 concat() 方法。这两种方法都可以生成新的字符串，但它们的实现方式不同，对性能和可读性产生影响。在本篇文章中，我们将比较这两种方法的不同之处。

使用 + 操作符

使用 + 操作符可以很方便地将多个字符串合并成一个字符串。例如：

var str1 = 'Hello';
var str2 = 'world';
var result = str1 + ' ' + str2; // result = 'Hello world'

但是，在每次使用 + 操作符时，JavaScript 都会创建一个新的字符串对象，并将原来的字符串复制到新创建的字符串对象中。如果我们需要对多个字符串进行合并，就会创建很多个新的字符串对象，这会对性能造成影响。

使用 concat() 方法

与使用 + 操作符不同，使用 concat() 方法不会创建新的字符串对象。相反，它会将目标字符串附加到调用字符串的末尾，并返回新的字符串对象。例如：

var str1 = 'Hello';
var str2 = 'world';
var result = str1.concat(' ', str2); // result = 'Hello world'

在需要合并多个字符串时，使用 concat() 方法可能会更加高效，因为它只会创建一个新的字符串对象，而不会创建多个。

性能比较

一般来说，使用 concat() 方法比使用 + 操作符更加高效，因为前者不需要创建新的字符串对象。

我们可以使用以下代码进行性能测试：

var str1 = 'Hello';
var str2 = 'world';

// 使用 + 操作符
console.time('+');
for (var i = 0; i < 100000; i++) {
  var result = str1 + ' ' + str2;
}
console.timeEnd('+');

// 使用 concat() 方法
console.time('concat');
for (var i = 0; i < 100000; i++) {
  var result = str1.concat(' ', str2);
}
console.timeEnd('concat');

在我的机器上，使用 concat() 方法的性能比使用 + 操作符更好：

+: 18.102ms
concat: 1.757ms

总结

在 JavaScript 中，有两种将多个字符串合并的方式：使用 + 操作符和调用 concat() 方法。尽管 + 操作符使用起来更加方便，但性能可能不如使用 concat() 方法。因此，在合并多个字符串时，使用 concat() 方法可能更加高效和可读。