Web前端培训：使用Underscore的模板引擎

　　前端开发有时候避免不了要在JavaScript代码中插入HTML代码，插入的代码比较多时，在以后的编辑中容易出现问题，例如，一不小心可能漏掉某个双引号、加号导致语法错误等，为了将它们剥离开，诞生了JavaScript模板。

　　Underscore是一个JavaScript实用库，提供了一整套函数式编程的实用功能，但是没有扩展任何JavaScript内置对象。下面介绍的template是Underscore提供的一个实用功能——模板引擎，template功能将JavaScript模板编译为可以用于页面呈现的函数，通过JSON数据源生成复杂的HTML并呈现出来。

　　模板函数的使用语法如下：

_.template(templateString, [settings])

　　在上述语法中，templateString参数通常是字符串，模板函数可以使用<%= ...%>插入变量，也可以用<%...%>执行任意的JavaScript代码。如果要想在模板中插入一个值，并让其进行HTML转义，可以使用<%-...%>。具体用法如下：

　　(1)赋值：

var compiled = _.template("hello: <%= name %>");
compiled({name: 'moe'});
=> "hello:moe"

　　上述语法中，使用_.template()函数定义了一个变量name，然后compiled()函数用于向name属性注入数据'moe'。

　　(2)需要转义：

var template = _.template("<b><%- value %></b>");
template({value: '<script>'});
=> "<b>&lt;script&gt;</b>"

　　在上述语法中，插入值'<script>'，并且成功转义为'&lt;script&gt;'。