继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

模板字符串的简单实现

王益达
关注TA
已关注
手记 38
粉丝 104
获赞 631

实现方法 render(tmpl, data),将模板 tmpl 中的占位符,替换填充为 data 数据

const tmpl = "I'm {{name}}. I'm {{age}} years old.";
const data = { name: "Lucy", age: "23" };
// --> const result = "I'm Lucy. I'm 23 years old.";

版本一

function render(tmpl, data) {
    return tmpl.replace(/\{\{(.*?)\}\}/g, (match, key) => data[key.trim()]);
}

const result = render(tmpl, data);

版本二

String.prototype.render = function (data) {
    return this.replace(/{{(.*?)}}/g, (match, key) => data[key.trim()]);
};

const result = tmpl.render(data);

转自:一行代码实现一个简单的模板字符串替换

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP