您能推荐一些使用JavaScript和jQuery创建可重用组件的优雅方法吗？

我希望有一套漂亮的JavaScript工具，可以轻松地创建一个小型的、可重用的组件。组件生成器应该有一些很好的API来为给定的数据创建html输出，这些数据可以直接嵌入到网站上。例如：

var data = smth; // some data, probably JSON ...
var builder = new Builder();
$(container).html( builder.build('user_details_template').with(data) );

例如，这可能会导致：

<div>
   <h1>User details</h1>
   <span class="username">Aaron Rodgers</span>
   <span class="description">Best QB in the entire world</span>
</div>

用户详细信息
包装工
全世界最好的QB

请原谅主观的例子

现在，JavaScript中是否有一些简洁的方法来构建这样的工具？在Java中，我会构建或使用一些模板引擎，它可以接受任意数据并呈现HTML输出

我不是JavaScript专家，所以我能想到的唯一工具是字符串连接和正则表达式

---

但在JavaScript中实现这一点的最佳实践是什么？

jquery ui中的模板系统正处于规划阶段：。但是，也存在类似的替代库

请查看google闭包模板库的示例。用法的表达方式与您的示例非常相似

---

我可以看到这个插件托管在github上的jquery帐户上。这是否意味着它最终将出现在jquery的官方版本中，或者可能已经出现了？实际上，它已经不再是jquery的一部分了。文档声明，它已被移动到jQueryUI项目中。现在正处于“计划”阶段，这让我的生活更加艰难；）请参阅此参考资料：如果您可以使用其他库（如Mustache）和将在jQueryUI下开发的word模板更新您的响应，那么我很乐意接受您的答案；）经过一些提示，我发现：。关于jQuery模板库有什么想法吗？