Mustache.js和Handlebars.js之间有什么区别?

胡子优点:

非常受欢迎的选择，拥有一个庞大而活跃的社区。服务器端支持多种语言，包括Java。无逻辑模板在迫使您将表示与逻辑分离方面做得很好。简洁的语法使模板易于构建、阅读和维护。

胡子缺点:

有点太缺乏逻辑:基本任务(例如用不同的CSS类标记交替行)是困难的。视图逻辑通常被推回服务器或实现为“lambda”(可调用函数)。为了让lambdas在客户机和服务器上工作，必须用JavaScript编写它们。

车把优点:

无逻辑模板在迫使您将表示与逻辑分离方面做得很好。简洁的语法使模板易于构建、阅读和维护。编译而不是解释模板。对路径的支持比mustache更好(即深入上下文对象)。对全球帮手的支持比胡子更好。

车把缺点:

需要服务器端JavaScript在服务器上呈现。

来源:客户端模板:mustache, handlebars, dust.js等等

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

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

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

来源:JavaScript模板引擎概述

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

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

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

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

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

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

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

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

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

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

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

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