8. 字符串模板

使用 格式作为字符串模板。

/**
 * @param {string} template
 * @param {any} data
 */
function render(template, data) {
  const reg = /\{\{(\w+)\}\}/ // 模板字符串正则
  if (reg.test(template)) { // 判断模板里是否有模板字符串
    const name = reg.exec(template)[1] // 查找当前模板里第一个模板字符串的字段
    template = template.replace(reg, data[name]) // 将第一个模板字符串渲染
    return render(template, data) // 递归的渲染并返回渲染后的结构
  }
  return template // 如果模板没有模板字符串直接返回
}

function test() {
  const template = '我是 {{name}}，年龄 {{age}}，性别 {{sex}}'
  const person = {
    age: 12,
    name: 'Alex',
  }
  console.log(render(template, person)) // 我是 Alex，年龄 12，性别 undefined
}

test()

测试代码：

/**
 * @param {string} template
 * @param {any} data
 */
function render(template, data) {
  const reg = /\{\{(\w+)\}\}/ // 模板字符串正则
  if (reg.test(template)) { // 判断模板里是否有模板字符串
    const name = reg.exec(template)[1] // 查找当前模板里第一个模板字符串的字段
    template = template.replace(reg, data[name]) // 将第一个模板字符串渲染
    return render(template, data) // 递归的渲染并返回渲染后的结构
  }
  return template // 如果模板没有模板字符串直接返回
}

function test() {
  const template = '我是 {{name}}，年龄 {{age}}，性别 {{sex}}'
  const person = {
    age: 12,
    name: 'Alex',
  }
  console.log(render(template, person)) // 我是 Alex，年龄 12，性别 undefined
}

test()