Javascript中的高性能字符串连接[重复]答案

【问题标题】：High performance string concat in Javascript [duplicate]Javascript中的高性能字符串连接[重复]
【发布时间】：2014-06-05 15:40:22
【问题描述】：

我有一些 Javascript，它会动态创建一些 Javascript。其中一部分是将数千个字符串连接在一起，这非常慢。基于 Json 对象在 Javascript 中动态构建 HTML 的最快方法是什么。

【问题讨论】：

您能展示一下您目前正在使用的代码吗？
您是否希望改进连接或写入 DOM？没有任何选项可以比+ 更快地连接 - afaik。但是使用 DOM 有一些技巧。
检查stackoverflow.com/a/112185/263989

标签： javascript performance

【解决方案1】：

如果您想从 JSON 对象构建 HTML，那么您需要一个模板引擎。那里有几个，但根据您的要求做出选择，而不是人们告诉您的“最好”。
如果您有可能在渲染过程中进行异步调用，那么您绝对应该使用异步模板引擎。 dust.js 就是其中之一。
仅用于同步，handlebars 是一个流行的选择。它非常快，但它旨在非常简约。意思是，逻辑应该主要发生在模板之外。

也许看看http://garann.github.io/template-chooser/ 并选择一个适合您需要的。

【讨论】：

你为什么告诉他不要听别人的，然后指着灰尘和车把？
问题是“如何快速进行字符串连接？”。当然，模板引擎必须处理这个问题，但正确的答案是解释他们如何解决它。
我告诉他不要听别人告诉他什么是最好的，因为这取决于用例。然后我给了他一个异步模板引擎的例子，一个同步的对比两者，以及一个允许你选择的工具的链接。我认为这足以让他自己做出决定。
@Bergi 问题是“基于 Json 对象在 Javascript 中动态构建 HTML 的最快方法是什么”。在这种情况下，使用现有的模板引擎似乎是最好的建议。如果您关心他们如何完成它，那超出了这个问题的范围。有很多可用的文章，甚至是源代码，都展示了它是如何工作的。但没有一个简单的答案。如果它只是关于在 JS 中连接字符串的最快方法是什么，那么已经有很多这样的帖子了。