正则——实现js模板引擎

js-template.js

// 别看这个模板引擎代码很少，但是活用了正则、将字符串转为可以行代码两个知识点
const a = {
    a: 1,
    b: {
        c: 2,
        e: ['Array']
    }
}

const tpl = `你好{{ a ? '真' : '假'}}   
{{b.c}}}11{{b.e[0]}}{{}}`

const render=(tpl, a) => {
    return tpl.replace(/{{2}([^{}]*?)}{2}/g, function (s0, s1) {
        if (s1 === '') {
            return ''
        }
        const data = new Function(`return this.${s1}`).apply(a)
        return data
    })
}
console.log(render(tpl, a))