Javascript 将数组连接到字符串

Question

我正在使用 D3.js，经常发现自己动态构建 transform 属性(或 path 元素上的 d 属性)。这两者通常都需要多个逗号分隔的数字。

有时我通过将数组连接到字符串来构建字符串:

var x = 0,
y = 1,
path = 'M0,0 L' + [x, y];

有时我通过手动添加逗号来构建我的字符串:

var x = 0,
y = 1,
path = 'M0,0 L' + x + ',' + y;

我已经决定我应该尝试坚持使用一种方法，并且想知道采用哪种方法更好。

以下是我考虑过的一些事情:

• 我知道调用 join() 比手动连接逗号要慢，但浏览器在将数组连接到字符串时会这样做吗？
• 第二种格式适用于任何浏览器。是否有不支持第一种格式的浏览器？
• 第一种格式使用较少的字符(保持较小的文件大小总是一个优点)。
• 就我个人而言，我认为第一种格式更具可读性。

是否有一种方法绝对优于另一种方法？还是我只是吹毛求疵？

Answer 1

当 JavaScript 将数组强制转换为字符串时，它实际上是在数组上调用:.join(',')。所以你实际上会通过 .join(',') 手动获得更好的性能，而不是让解释器注意到你正在强制数组。所以:x + ',' + y 是最快的，[x, y].join(',') 是最佳实践(因为它更容易修改行为​​)，并且 [x, y] 比手动调用 .join 稍微慢一点，有时可能无法读取，但它更方便。