什么是 Toronto？
Toronto 是一个轻量、易用、可靠和高效的 JavaScript 模板引擎，它支持浏览器和 Node.js 端，可以非常好地解耦业务逻辑和数据呈现。
安装 Toronto
安装 Toronto 非常简单，只需要在终端中运行以下命令即可：
npm install toronto
使用 Toronto
在浏览器中使用
在浏览器中使用 Toronto，需要将 Toronto 的脚本文件引入到 HTML 文件中。在示例中，我们将引入 toronto.min.js：
-- -------------------- ---- -------
------
------
-------------- ---------------
------- ------------------------------------------------------------------------------
-------
------
---- ---- ------- ---- ---
--------
-- ---- -- ---- ----
---------
-------
-------渲染模板的方法如下所示：
var template = 'Hello {{name}}!';
var data = { name: 'Toronto' };
var rendered = Toronto.render(template, data);
console.log(rendered); // Hello Toronto!在 Node.js 中使用
在 Node.js 中使用 Toronto，需要先安装 Express 和 Body-Parser。在终端中运行以下命令安装：
npm install express body-parser
载入所需模块：
var express = require('express');
var bodyParser = require('body-parser');
var Toronto = require('toronto');
var app = express();设置模板引擎：
app.engine('toronto', Toronto.renderFile);
app.set('view engine', 'toronto');创建一个路由，并在其中渲染模板：
app.get('/', function(req, res){
res.render('template', { name: 'Toronto' });
});Toronto 常用语法
插值表达式
使用双括号 ("{{ }}" ）语法可以将表达式嵌入到 HTML 中。例如：
<h1>{{ title }}</h1>执行语句
使用冒号和百分号 (":[ ]" ) 可以将任何 JavaScript 语句嵌入到 HTML 中：
<p>The current time is: {{ var currentTime = new Date(); currentTime.toLocaleTimeString() }}</p>循环语句
使用 "for/in" 语句可以循环遍历数组和对象：
<ul>
{% for item in items %}
<li>{{ item }}</li>
{% endfor %}
</ul>条件语句
使用 "if" 语句可以判断条件：
{% if user.login %}
<h2>{{ user.username }}</h2>
{% else %}
<h2>Guest</h2>
{% endif %}总结
Toronto 可以让我们在前端开发中更快地开发和维护复杂业务逻辑，实现解耦，提高代码的可读性和可重用性。如果你已经掌握了 Toronto 的使用，那么你在前端领域的工作效率将大幅提高。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005664581e8991b448e2584