简介
Deno 是一个使用 V8 引擎构建的可安全运行 JavaScript 和 TypeScript 的运行时平台，由于它的出现，现在可以轻松地在后端编写 TypeScript 和 JavaScript 代码，这是许多开发者一直期待的功能。Deno 可以直接运行 JavaScript 和 TypeScript，而不需要先进行编译。另外，Deno 还提供了一些很棒的内置函数和现代 API。
Impression 是一个特别为 Deno 设计和开发的模板引擎，可以方便地将数据和模板混合在一起，生成 HTML 页面。使用 Impression 可以提高页面渲染的效率，并简化代码的逻辑，使代码更加可读性更好。
在本文中，我们将通过详细讲解 Impression 的基本知识来了解它的使用。
Impression 基础
Impression 的安装非常简单，只需要在 Deno 的命令行输入以下命令即可：
deno run -A https://deno.land/x/impression/examples/hello.ts
这条命令将会运行一个简单的 Impression 例子。
Impression 的模板文件通常有 .impression 扩展名，可以放置在任意的地方，不过最好放在和程序代码分离的目录中。
下面是一个使用 Impression 的示例代码：
-- -------------------- ---- -------
------ - ------- - ---- ----------------------------------------
----- ---- - -
------ ----------- ------
------ -
- --------- ------- ---- -- --
- --------- ------- ---- -- --
- --------- ------- ---- -- --
--
--
----- -------- - ----------------------------- -- ------
----- ---- - ----- ----------------- ------ -- ----
------------------ -- -- ----上面的代码中，通过引入 Impression 的 compile 函数，使用该函数将模板文件和数据作为参数来编译模板，返回 HTML 字符串。然后将该字符串传给 console.log 函数，即可查看 HTML。
Impression 的语法
Impression 的语法类似于 HTML，它使用特定的标签和指令来表达数据和标记的关系。以下是 Impression 支持的标签和指令：
标签
<i-include>：该标签表示引用另一个 Impression 文件<i-if>：该标签表示一个条件语句<i-else>：该标签表示一个条件语句的 else 分支<i-each>：该标签表示一个循环<i-let>：该标签表示一个变量声明
指令
i-value：将表达式的结果（通常是变量）展示在标签内i-attr：将表达式的结果作为属性值设置到标签内i-html：将表达式的结果作为 HTML 插入到标签内
以下是一个使用了标签和指令的示例：
-- -------------------- ---- -------
------ --------------- ------------ --
----- ------------- -------- --- ------ --- ----------- -------- --- --
------- --------- ----- --- ----------
-----
--- ----------- ------------- ---------
-- ----------- -------- --------
---- ---------- -------- ----------
------
----- ------------- -------- - -- --- ------------------ -- ------------- ------ --
--------------------- -------- -- ------------- ------ --
---------Impression 的进阶使用
除了基本的语法之外，Impression 还提供了很多高级的功能，用于支持更复杂的场景。以下是一些示例：
条件语句
-- -------------------- ---- -------
----- ------------- ------------ - - ----
----
------- --------- ----- --- ----------
--- ----------- ---- ---------
---------
-----
--------
----- ----- ----------
---------
-------循环语句
<i-each colors="{{ colors }}" as="color">
<div i-html="`<span style='color: ${color}'>${color}</span>`"></div>
</i-each>引用外部文件
<i-include file="header.impression" /> ... <i-include file="footer.impression" />
渲染 HTML
<div i-html="{{ html }}"></div>使用变量和函数
-- -------------------- ---- -------
------ - ------- - ---- ----------------------------------------
----- ---- - -
------ ------
------ ----------- ------
------ -------- ------- --------
---------- -- -- -
------------ ---------
--
--
----- -------- - -
--- ----------- ----- ---------
------ ----- -- ----- ------------- -- ----- --- ----------- ----- ----------------
----
------- --------- ----- --- ----------
--- ----------- ---- ---------
---------
-----
------- ----------- --------- -------- --------------
--
----- ---- - ----- ----------------- ------
------------------总结
Impression 是一个强大的模板引擎，它为 Deno 用户提供了一种简单的方式来生成 HTML 页面。通过本文的介绍，相信读者已经了解了 Impression 的基础知识和语法，可以开始使用它了。在使用过程中，需要注意注意安全性及性能等问题。如果有任何疑问，请参考 Deno 和 Impression 的官方文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64917b0f48841e9894f814d8