"为什么 MDN 推荐 += 而不是 concat() 方法？"

Question

根据这个MDN ，对于性能问题，似乎+=优于concat() 。 所以我使用下面的示例代码进行测试。

var str = "";
var startTime = performance.now()
for(var i=0; i<10000000; i++) {
   str = str.concat(i);
}
var endTime = performance.now()
console.log(`concat took ${endTime - startTime} ms`)

str = "";
startTime = performance.now()
for(var i=0; i<10000000; i++) {
   str += i;
}
endTime = performance.now()
console.log(`+= took ${endTime - startTime} ms`)

但是在将循环增加到 10,000,000 次之前，我看不到显着差异。 以下是我在 Chrome 上运行时获得的一些输出。

concat took 3067.600000023842 ms
+= took 2799 ms

concat took 2751.5 ms
+= took 2280.199999988079 ms

concat took 2865.699999988079 ms
+= took 1857.5999999642372 ms

concat took 2909.7000000476837 ms
+= took 2183.599999964237 ms

如果将+=和StringBuilder.append()与 Java 进行比较，即使在 10000 次循环上进行测试，您也会观察到巨大的差异（例如，3 ms 与 3000 ms）。

那么在哪种情况下我可以观察到 JavaScript 上+=和concat()之间的显着差异？