javascript 模板引擎系列文章(一)

看這篇文章js功力不須要太深厚。
網上不少關於js模板及js模板引擎的文章,講了不少好處,問題是我他媽的不懂,由於我沒有跟後臺打過交道。不少文章,看着看着就深了,徹底沒有體諒咱們初學者的體會,我要是牛逼就不會再看他們的文章了。
如下就我我的的智商目前只體會到一點,共全部初學者來探討,以及大牛的指導。
<script>html

var stringList="我是{{name}},在公司的職位是{{work}}";//模板,模板就是大多數顯示的是同樣,只有數據部分是更新替換。
 
 var re=/{{([^}]+)}}/g;//正則表達式,做用就是選中左邊是{{,右邊是}},中間是其它字符的字符串
 
 var data={name:"張學友",work:"歌手"};//數據,用於更新的數據
 
 var html=stringList.replace(re,function(all,t){
      return data[t];
 });//這個函數的做用就是用data中的數據去替換模板中的被正則表達式選中的字符串。
 
 alert(html);//結果發現模板中相應的部分被替換了。

</script>
replace()是正則表達式的一個函數,第一個參數是正則表達式,第二個參數能夠是一個數值數據也能夠是一個函數。程序員

一個賣醬酒的非著名程序員,歡迎關注微博:匠心酒、 微信:youronglang正則表達式

相關文章
相關標籤/搜索