js原生實現一個簡單的模版引擎

  • 代碼如下
    var template = "<p>Name: <a href = "mailto:{{email}}">{{name}}</a>
    Company：{{company}}</p><p>City：{{city}}</p>",
    me = {
    name: "sdcV",
    email: "bill@microsoft.com",
    company: "Microsoft",
    city: "London"
    };
    function applyDataToTemplate(templateString, dataObject) {
    var key, value, regex;
    for(key in dataObject){
    regex = new RegExp("{{" + key + "}}", "g");
    value = dataObject[key];

           templateString = templateString.replace(regex, value);
   }
    return templateString;
}
alert(applyDataToTemplate(template, me));
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 人面猴
    序言：七十年代末博其，一起剝皮案震驚了整個濱河市镊讼，隨后出現的幾起案子拗窃，更是在濱河造成了極大的恐慌纤掸，老刑警劉巖兼蕊，帶你破解...
    沈念sama閱讀 221,548評論 6贊 515
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現場離奇詭異斥杜，居然都是意外死亡妹蔽，警方通過查閱死者的電腦和手機，發(fā)現死者居然都...
    沈念sama閱讀 94,497評論 3贊 399
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進店門崇棠，熙熙樓的掌柜王于貴愁眉苦臉地迎上來咽袜，“玉大人，你說我怎么就攤上這事枕稀⊙玻” “怎么了？”我有些...
    開封第一講書人閱讀 167,990評論 0贊 360
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵萎坷，是天一觀的道長凹联。 經常有香客問我，道長哆档，這世上最難降的妖魔是什么蔽挠？ 我笑而不...
    開封第一講書人閱讀 59,618評論 1贊 296
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任，我火速辦了婚禮瓜浸，結果婚禮上澳淑，老公的妹妹穿的比我還像新娘。我一直安慰自己插佛，他們只是感情好杠巡，可當我...
    茶點故事閱讀 68,618評論 6贊 397
  • 惡毒庶女頂嫁案：這布局不是一般人想出來的
    文/花漫 我一把揭開白布。 她就那樣靜靜地躺著雇寇，像睡著了一般氢拥。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上锨侯，一...
    開封第一講書人閱讀 52,246評論 1贊 308
  • 城市分裂傳說
    那天嫩海，我揣著相機與錄音，去河邊找鬼囚痴。 笑死叁怪，一個胖子當著我的面吹牛，可吹牛的內容都是我干的深滚。 我是一名探鬼主播奕谭，決...
    沈念sama閱讀 40,819評論 3贊 421
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼耳璧，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了展箱？” 一聲冷哼從身側響起，我...
    開封第一講書人閱讀 39,725評論 0贊 276
  • 萬榮殺人案實錄
    序言：老撾萬榮一對情侶失蹤蹬昌，失蹤者是張志新（化名）和其女友劉穎混驰，沒想到半個月后，有當地人在樹林里發(fā)現了一具尸體皂贩，經...
    沈念sama閱讀 46,268評論 1贊 320
  • ?護林員之死
    正文 獨居荒郊野嶺守林人離奇死亡栖榨，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,356評論 3贊 340
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年，在試婚紗的時候發(fā)現自己被綠了明刷。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片婴栽。...
    茶點故事閱讀 40,488評論 1贊 352
  • 活死人
    序言：一個原本活蹦亂跳的男人離奇死亡，死狀恐怖辈末，靈堂內的尸體忽然破棺而出愚争，到底是詐尸還是另有隱情，我是刑警寧澤挤聘，帶...
    沈念sama閱讀 36,181評論 5贊 350
  • ?日本核電站爆炸內幕
    正文 年R本政府宣布轰枝，位于F島的核電站，受9級特大地震影響组去，放射性物質發(fā)生泄漏鞍陨。R本人自食惡果不足惜，卻給世界環(huán)境...
    茶點故事閱讀 41,862評論 3贊 333
  • 男人毒藥：我在死后第九天來索命
    文/蒙蒙 一从隆、第九天 我趴在偏房一處隱蔽的房頂上張望诚撵。 院中可真熱鬧，春花似錦键闺、人聲如沸寿烟。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,331評論 0贊 24
  • 一樁弒父案艾杏，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽韧衣。三九已至，卻和暖如春购桑，著一層夾襖步出監(jiān)牢的瞬間畅铭，已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,445評論 1贊 272
  • 情欲美人皮
    我被黑心中介騙來泰國打工勃蜘， 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留硕噩，地道東北人。 一個月前我還...
    沈念sama閱讀 48,897評論 3贊 376
  • 代替公主和親
    正文 我出身青樓缭贡，卻偏偏與公主長得像炉擅，于是被迫代替她去往敵國和親辉懒。 傳聞我的和親對象是個殘疾皇子，可洞房花燭夜當晚...
    茶點故事閱讀 45,500評論 2贊 359

推薦閱讀更多精彩內容