跳到主要内容

模板渲染

方案一、正则


function render(tempdate, data) {
return template.replace(/{{\s*?(\w+)\s*?}}/g, (match, key) => {
return key && data.hasOwnProperty(key) ? data[key] : "";
});
}

const data = {
name: "柏拉文",
age: 23,
};

const template = `
我是: {{ name }}
年龄为: {{ age }}
`;

console.log(render(template, data));