concat()、“=”和“+=”有区别吗

Question

我想知道以下连接两个字符串str1='a' 和str2='b' 的语句在性能上是否存在差异

str1 = str1 + str2;

或

str1 += str2;

或

var res = str1.concat(str2);

我尝试了以下方法来衡量性能，但对于同一语句，从一次执行到另一次执行的输出似乎有很大差异。

var str1='a', str2='b';
var old_time=new Date();
for (var i=0; i<=1000000 ; i++){    
    str1=str1+str2;      // change this one with the other statements
}
var new_time=new Date();
console.log(new_time - old_time);

Answer 1

根据MDN：“强烈建议使用赋值运算符（+，+=）代替concat()方法。见performance test。”

Answer 2

而

str1 += str2;

似乎比str1 = str1 + str2; 快一点，但由于字符串是不可变的，您不能重用来自str1 的旧引用。示例：

str0 = str1;   // duplicate reference
str1 += str2;

str0 lust 保持其旧值（在与str2 连接之前），因此在连接之后，str1 是一个新对象（与可变对象不同，其中就地连接可以更快，因为我们预计 s0 也会改变）

我还是更喜欢+= 语法，因为它更简洁，更容易掌握。

Answer 3

这三种连接方法的区别在于concat 方法需要在String.prototype 处获取/查找（我猜String 是本地引用的，而不是在全局对象处获取/查找的） ，因此，“更慢”。

我不确定+= 和= ... + ...，但+= 应该比= ... + ... 快，因为它是本机的。