我发现的主要区别是:

Handlebars添加了#if, #unless, #with和#each Handlebars添加helper 编译了车把模板(小胡子也可以) 手柄支持路径 允许在块中使用{{this}}(输出当前项的字符串值) Handlebars.SafeString()(可能还有其他一些方法) 把手的速度快2到7倍 胡子支持倒立部分(即if !x…)

(如有错误,请指正。)

还有其他我忽略的主要区别吗?


当前回答

它们之间的另一个区别是文件的大小:

Mustache.js有9kb, Handlebars.js有86kb,如果使用预编译的模板则为18kb。

为了看到Handlebars.js的性能优势,我们必须使用预编译的模板。

来源:JavaScript模板引擎概述

其他回答

注意:这个答案已经过时了。发布的时候是这样,但现在不是了。

Mustache有许多语言的解释器,而Handlebars只有Javascript。

我觉得其中一个提到的缺点“把手”不是真的有效了。

java现在允许我们为客户端和服务器端共享相同的模板语言,这对于拥有1000多个组件的大型项目来说是一个巨大的胜利,这些组件需要为SEO提供服务器端渲染

看看https://github.com/jknack/handlebars.java

一个微妙但重要的区别是这两个库处理作用域的方式。如果Mustache在当前上下文中找不到变量,它将退回到父作用域;句柄将返回一个空字符串。

这在GitHub README中几乎没有提到,其中有一行用于它:

Handlebars与Mustache略有不同,因为默认情况下它不执行递归查找。

然而,正如上面所提到的,有一个标志可以使Handlebars的行为与Mustache相同,但它会影响性能。

这对使用#变量作为条件的方式有影响。

例如,在Mustache中你可以这样做:

{{#variable}}<span class="text">{{variable}}</span>{{/variable}}

它基本上意味着“如果变量存在并且为真,则打印包含变量的span”。但在Handlebars中,你要么必须:

请改用{{this}} 使用父路径,例如,{{../variable}}返回到相关范围 在父变量对象中定义子变量值

更多的细节,如果你想要,这里。

它们之间的另一个区别是文件的大小:

Mustache.js有9kb, Handlebars.js有86kb,如果使用预编译的模板则为18kb。

为了看到Handlebars.js的性能优势,我们必须使用预编译的模板。

来源:JavaScript模板引擎概述

-除了对车把使用"this",对mustache使用变量块内的嵌套变量,你也可以对mustache使用块内的嵌套点:

    {{#variable}}<span class="text">{{.}}</span>{{/variable}}