为什么字符串连接比数组连接快？

Question

我可以猜测浏览器已针对concat最新版本进行了优化，但是如何做到这一点呢？我们可以说+串联字符串时最好使用吗？

更新资料

因此，在现代浏览器中，对字符串串联进行了优化，因此使用+符号比join要 串联 字符串时使用符号要快。

但是@Arthur指出，join如果您实际上想使用分隔符连接字符串，则速度会更快。

Answer 1

浏览器字符串优化已更改了字符串串联图片。

Firefox是第一个优化字符串连接的浏览器。从1.0版开始，在所有情况下，数组技术实际上都比使用plus运算符慢。其他浏览器还优化了字符串连接，因此Safari，Opera，Chrome和InternetExplorer8使用plus运算符也显示出更好的性能。版本8之前的InternetExplorer没有进行这种优化，因此数组技术始终比plus运算符快。

V8 JavaScript引擎在GoogleChrome中使用使用以下代码]进行字符串连接：

// ECMA-262, section 15.5.4.6
function StringConcat() {
  if (IS_NULL_OR_UNDEFINED(this) && !IS_UNDETECTABLE(this)) {
    throw MakeTypeError("called_on_null_or_undefined", ["String.prototype.concat"]);
  }
  var len = %_ArgumentsLength();
  var this_as_string = TO_STRING_INLINE(this);
  if (len === 1) {
    return this_as_string + %_Arguments(0);
  }
  var parts = new InternalArray(len + 1);
  parts[0] = this_as_string;
  for (var i = 0; i < len; i++) {
    var part = %_Arguments(i);
    parts[i + 1] = TO_STRING_INLINE(part);
  }
  return %StringBuilderConcat(parts, len + 1, "");
}

因此，他们在内部通过创建InternalArray（parts变量）对其进行优化，然后将其填充。这些部分将调用StringBuilderConcat函数。之所以快，是因为StringBuilderConcat函数是一些经过高度优化的C++代码。在这里引用太长了，但是请在runtime.cc文件中搜索RUNTIME_FUNCTION(MaybeObject*,Runtime_StringBuilderConcat)以查看代码。