简介
ejs-async 是一个基于 EJS 模板引擎的 npm 包，可以用于在 Node.js 环境下渲染模板并返回渲染后的 HTML 内容。和原生的 EJS 包不同的是，ejs-async 支持异步模板函数和异步模板包含。
安装
使用 npm 安装 ejs-async：
npm install ejs-async
使用方法
-- -------------------- ---- -------
----- --- - ---------------------
----- -------- - -
------------- ---- --- ---- --- --- ------- --------
--
------------------------- - ----- ----------- -------- ------- --
------------ -- -
------------------
--
------------ -- -
-------------------
---上面的例子展示了如何使用 ejs-async 渲染一个简单的模板。首先，我们引入 ejs-async 包并定义一个模板，然后使用 renderAsync 方法异步渲染模板。renderAsync 方法的第一个参数是模板字符串，第二个参数是一个对象，用于在模板中传递变量。该方法返回一个 Promise，可以通过 then/catch 语法处理成功或失败的情况。在成功后，我们将渲染后的 HTML 内容打印到控制台。
渲染文件
ejs-async 还支持从文件渲染模板。可以使用 renderFileAsync 方法异步渲染包含在文件中的模板。
-- -------------------- ---- -------
----- --- - ---------------------
-------------------------------------------- - ----- ----------- -------- ------- --
------------ -- -
------------------
--
------------ -- -
-------------------
---异步模板函数
ejs-async 支持在模板中定义异步函数，以更灵活地处理模板变量。
-- -------------------- ---- -------
----- --- - ---------------------
----- -------- - -
------------- ---- --- ----- --------- --- --- ------- --------
--
----- ------- - ----- -- -- -
----- -------- - ----- --------------------------------------
----- ---- - ----- ----------------
------ ----------
--
------------------------- - -------- -------- ------- --
------------ -- -
------------------
--
------------ -- -
-------------------
---在上面的例子中，我们定义了一个异步函数 getCity，该函数通过异步请求获取城市名称。模板中使用 <%= await getCity() %> 语法调用该函数来获取城市名称并显示在模板中。
异步模板包含
ejs-async 还支持异步包含其他模板。includeAsync 方法异步加载子模板并将其渲染到父模板中。
-- -------------------- ---- -------
----- --- - ---------------------
----- -------------- - -
------------- ---- --- ---- --- --- ------- --------
--- --------------------- - ----- ---------- -- --
--
----- ------------- - -
---------- -- --- ---- --- --- ------- -------
--
------------------------------- - -------- ------- -- - --------- ---------- --
------------ -- -
------------------
--
------------ -- -
-------------------
---
------------------------------ - -------- ------- -- - --------- ---------- --
------------ -- -
------------------
--
------------ -- -
-------------------
---在上面的例子中，我们定义了两个模板：parentTemplate 和 childTemplate。父模板中包含了子模板的引用，使用 <%- includeAsync('child', { city: 'Shanghai' }) %> 语法。第一个参数是子模板文件名，第二个参数是传递给子模板的变量。可以通过 filename 选项向 renderAsync 方法提供模板文件的路径。在成功后，我们将渲染后的 HTML 内容打印到控制台。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055ebd81e8991b448dc743