涂山 2023-12-13 21:07 web前端 阅读 3.39k

有时候国际化或者一段动态的支付模板或者短信模板配置中需要一些动态的参数，可以用下面的方法来动态渲染部分需要变化的字符串的内容。

const myRender = (template, person) => {
  let reg = /{{(.*?)}}/g

  let res = template.replace(reg, (item, key) => {
    return person[key]
  })

  return res
}

let template = '我是{{name}}，年龄{{age}}，性别{{sex}}'
let person = {
  name: '布兰',
  age: 12,
}

let res = myRender(template, person)
console.log(res) // 我是布兰，年龄12，性别undefined