本文關(guān)鍵詞：模板引擎，由筆耕文化傳播整理發(fā)布。

近日一位20歲的開發(fā)者Jack Franklin在《The top 5 JavaScript templating engines》一文中向開發(fā)者們推薦了5款流行的JavaScript模板引擎。下面為該文的譯文。

當(dāng)你創(chuàng)建JavaScript應(yīng)用時(shí)，你必然會(huì)用到JavaScript模板。當(dāng)對(duì)HTML進(jìn)行更新時(shí)，你可使用模板來代替庫（如jQuery），使用模板可以大大簡化你的代碼。該文將例舉當(dāng)前較流行的一些模板庫。

1.Mustache

Mustache通常被稱為JavaScript模板的基礎(chǔ)。另一個(gè)流行的解決方案Hanldebars實(shí)際上就是基于Mustache構(gòu)建而成的。這并不意味著Mustache是一個(gè)不好的模板解決方案。下面例舉一例：

一旦在頁面中包含了Mustache，你就可以訪問全局對(duì)象“Mustache”。你可使用其中最主要的方法“render”，它包含兩個(gè)參數(shù)。首個(gè)參數(shù)是實(shí)際的模板，第二個(gè)參數(shù)則為需要傳入的參數(shù)值。

上例中，你可以看見“{{name}}”。其中的“{{}}”實(shí)際上為Mustache的語法，表示一個(gè)占位符。當(dāng)Mustache對(duì)其進(jìn)行編譯時(shí)，它將在傳入的對(duì)像中尋找“name”屬性，并用該屬性的值（該例中為“Jack”）來代替“{{name}}”。

在這里，模板只為一個(gè)字符串，但如果你有一個(gè)更復(fù)雜的模板，該方法可能就不適用了。通常的解決方案是將模板放在“script”標(biāo)簽中：

  本文關(guān)鍵詞：模板引擎，，由筆耕文化傳播整理發(fā)布。