Handlebars.js 是一种流行的前端模板引擎，它可以将数据和 HTML 模板混合在一起，生成最终的 HTML 页面。但是，在获取 Handlebars.js 库之前，您可能会注意到还有一个名为 Handlebars.runtime.js 的库。那么这两个库有什么不同呢？
Handlebars.js
Handlebars.js 是一个完整的模板引擎，用于生成 HTML 片段。它支持许多功能，如条件语句、循环、变量替换等。Handlebars.js 还包括编译器，用于将模板文件编译成 JavaScript 函数。
以下是一个示例，展示如何使用 Handlebars.js：
---- ---- ---
------- ------------------ ----------------------------------
-----
------------------
------- -------
---------------
---------
------
---------
---- ---- ---
--------
-- --
----- ---- - -
------ --- ------
------ ---------- ---------- ----------
--
-- ----
----- -------- - ---------------------------------------------------
-- ----
----- ---------------- - -----------------------------
-- ----
----- ---------------- - -----------------------
-- ----
----------------------- - -----------------
---------在此示例中，我们定义了一个模板，其中包含一个标题和一些项目。然后，我们使用 Handlebars.compile() 函数将模板编译成可重复使用的函数，并使用该函数将数据渲染到 HTML 中。
Handlebars.runtime.js
Handlebars.runtime.js 是 Handlebars.js 的一个精简版本。它只包括运行时引擎，不包括编译器。这意味着您无法像 Handlebars.js 那样将模板文件编译为 JavaScript 函数。相反，您需要手动将模板字符串传递给 Handlebars.runtime.js，以生成最终的 HTML 片段。
以下是一个示例，展示如何使用 Handlebars.runtime.js：
---- -- --------------------- ---
------- --------------------------------------------------------------------------------------
---- ---- ---
------- ------------------ ----------------------------------
-----
------------------
------- -------
---------------
---------
------
---------
---- ---- ---
--------
-- --
----- ---- - -
------ --- ------
------ ---------- ---------- ----------
--
-- ----
----- -------- - ---------------------------------------------------
-- ----
----- ---------------- - --------------------------------------------
-- ----
----------------------- - -----------------
---------在此示例中，我们首先引入 Handlebars.runtime.js 库。然后，我们定义了一个模板，其中包含一个标题和一些项目。然后，我们使用 Handlebars.templates'demo-template' 函数将模板字符串传递给 Handlebars.runtime.js，并将数据渲染到 HTML 中。
区别
总的来说，Handlebars.js 和 Handlebars.runtime.js 之间最大的区别在于编译器。Handlebars.js 包括编译器，可以将模板文件编译为 JavaScript 函数，并且可以重复使用这些函数以提高性能。而 Handlebars.runtime.js 只有运行时引擎，不能编译模板文件，只能手动将模板字符串传递给它进行渲染。
另一个区别是文件大小。Handlebars.js 的文件大小比 Handlebars.runtime.js 大得多，因为它包括编译器和其他功能。如果您不需要编译器或其他
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/606ee6e32d2a29a3c120254c