国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

17 行代碼實(shí)現(xiàn)的簡(jiǎn)易 Javascript 字符串模板

yacheng / 2828人閱讀

摘要:要求不需要有控制流成分如循環(huán)條件等等,只要有變量替換功能即可級(jí)聯(lián)的變量也可以展開被轉(zhuǎn)義的的分隔符和不應(yīng)該被渲染,分隔符與變量之間允許有空白字符例子,實(shí)現(xiàn)先寫下函數(shù)的框架顯然,要做的第一件事便是匹配模板中的占位符。

首發(fā)于我的博客 轉(zhuǎn)載請(qǐng)注明出處

這是源于兩年前,當(dāng)我在做人生中第一個(gè)真正意義上的網(wǎng)站時(shí)遇到的一個(gè)問題

該網(wǎng)站采用前后端分離的方式,由后端的 REST 接口返回 JSON 數(shù)據(jù),再由前端渲染到頁面上。

同許多初學(xué) Javascript 的菜鳥一樣,起初,我也是采用拼接字符串的形式,將 JSON 數(shù)據(jù)嵌入 HTML 中。開始時(shí)代碼量較少,暫時(shí)還可以接受。但當(dāng)頁面結(jié)構(gòu)復(fù)雜起來后,其弱點(diǎn)開始變得無法忍受起來:

書寫不連貫。每寫一個(gè)變量就要斷一下,插入一個(gè) +"。十分容易出錯(cuò)。

無法重用。HTML 片段都是離散化的數(shù)據(jù),難以對(duì)其中重復(fù)的部分進(jìn)行提取。

無法很好地利用