? 模板替換功能在php,jsp等服務器端腳本中很常見，功能也很強大。如果想在瀏覽器中運行的js代碼中也實現模板替換功能該如何實現呢？

1，對字符串做模板替換，應用js中的正則表達式做正則替換就可以了。
這里有一個例子
//模板格式化（正則替換）
var formatModel = function(str,model){
? ? for(var k in model){
? ? ? ? var re = new RegExp("{"+k+"}","g");
? ? ? ? str = str.replace(re,model[k]);
? ? }
? ? return str;
}

2.為了得到模板串，可以在js文件中定義變量，變量中存放模板串，但如果模板串是一個html塊，這里面會包含許多單引號，雙引號等，如果要通過轉義符來拼接出一個復雜的模板串。這真是一個很麻煩，而且很容易出錯的工作。因此一個簡單的想法是將模板的內容放在一個單獨的文件中，則編輯工作就跟編輯普通的html文件一樣簡單了。

接下來該如何把模板文件的內容寫入到js的變量中去呢。這里介紹一個辦法。

定義如下一個js函數
function heredoc(fn) {
? return fn.toString().split('\n').slice(1,-1).join('\n') + '\n';
}

再在需要模板串變量的地方寫如下代碼
?var itemTemplate = heredoc(function(){/*
? ? <?=$模板文件的內容=?>
? */});

? 這里定義了一個匿名函數，這個函數的全部內容都是一個多行注釋塊。而在heredoc中通過調用這個匿名函數的 fn.toString()取得匿名函數的函數體，將這個函數體內容去掉前后的注釋符字符就得到了模板串的內容。

? 剩下的事情就是如何把模板文件的內容放入這個匿名函數的注釋塊中。如果是用php來做的話，讀取模板文件內容并做模板變量替換就可以了。其它服務器端腳本技術實現這一點應該也很容易。如果不用服務器端腳本來實現這個功能，就得再想別的辦法了，比如對頁面文件做預處理，在預處理的過程中加載模板文件的內容。
?

總結

以上是生活随笔為你收集整理的一种在JS代码中实现模板变量替换的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。