前端实现一个模版字符串的替换

可以通过正则表达式和字符串的 replace 方法来实现模板字符串的替换。代码示例如下：

function render(template, data) {
  return template.replace(/\{\{(\w+)\}\}/g, function(match, key) {
    return data[key];
  });
}

// 示例数据
const data = {
  name: '张三',
  age: 20,
  gender: '男'
};

// 示例模板字符串
const template = '我叫{{name}}，今年{{age}}岁，性别{{gender}}。';

// 输出结果：我叫张三，今年20岁，性别男。
console.log(render(template, data));

这里的正则表达式 `\{\{(\w+)\}\}` 匹配模板字符串中的 `{{key}}`，其中 `\w+` 匹配任意字母、数字或下划线，`()` 表示分组，`{{` 和 `}}` 需要使用 `\` 进行转义。在 `replace` 方法中，第二个参数为回调函数，用于提取 `key` 对应的值并替换模板字符串中的变量。