前端開發(fā)有時(shí)候避免不了要在JavaScript代碼中插入HTML代碼，插入的代碼少時(shí)還好些，如果比較多，在以后的編輯中會(huì)出現(xiàn)很多問題，例如一不小心可能漏掉某個(gè)雙引號(hào)、加號(hào)等導(dǎo)致語法錯(cuò)誤。為了將它們剝離開，出現(xiàn)JavaScript 模板。

Underscore是一個(gè)JavaScript實(shí)用庫，提供了一整套函數(shù)式編程的實(shí)用功能，但是沒有擴(kuò)展任何JavaScript內(nèi)置對(duì)象。下面要介紹的template是Underscore 提供的一個(gè)實(shí)用功能一一模板引擎，template功能將JavaScript模板編譯為可以用于頁面呈現(xiàn)的函數(shù)，通過JSON數(shù)據(jù)源生成復(fù)雜的HTML并呈現(xiàn)出來。

模板函數(shù)的使用語法如下：

_.template(templateString,??[settings])

在上述語法中，templateString參數(shù)通常是字符串，模板函數(shù)可以使用<%=…%>插入變量，也可以用<%…%>執(zhí)行任意的JavaScript代碼。如果要想模板中插入一個(gè)值，并讓其進(jìn)行HTML轉(zhuǎn)義，可以使用<%-…%>。具體用法如下：

(1)賦值：

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

上述語法中，使用_.template()函數(shù)定義了一個(gè)變量name,然后compiled()函數(shù)用于name屬性注入數(shù)據(jù)moe。

(2)需要轉(zhuǎn)義：

var?template?=?_.template("<%-?value?%?>");template({value:??'