如何基于JSON配置构建可运行的ES6模板字面量函数？

方法1：使用Function构造函数动态生成模板函数 #

这种方式能直接将配置中的模板字符串转换成可调用函数，逻辑简洁高效：

// 从JSON配置读取的模板字符串
const errMessageTemplate = "Value must contain at least ${min} characters.";

// 创建模板函数的工具方法
const createTemplateFunc = (templateStr) => {
  // 提取模板中的变量名
  const vars = [...templateStr.matchAll(/\${(\w+)}/g)].map(match => match[1]);
  // 通过Function构造函数动态生成函数，参数为变量名，返回替换后的模板内容
  return new Function(...vars, `return \`${templateStr}\``);
};

// 使用示例
const errTemplate = createTemplateFunc(errMessageTemplate);
console.log(errTemplate(10)); // 输出：Value must contain at least 10 characters.

注意：此方法仅适用于可信配置来源（比如自己维护的JSON文件），如果配置来自不可信渠道，可能存在代码注入风险。

方法2：正则替换法（安全无风险） #

如果担心安全问题，用简单的正则匹配替换就能实现，无需复杂解析逻辑：

// 从JSON配置读取的模板字符串
const errMessageTemplate = "Value must contain at least ${min} characters.";

// 渲染模板的工具方法
const renderTemplate = (templateStr, data) => {
  return templateStr.replace(/\${(\w+)}/g, (_, key) => data[key] ?? '');
};

// 使用示例
console.log(renderTemplate(errMessageTemplate, { min: 10 })); // 输出：Value must contain at least 10 characters.

这个方法兼容性强、安全可靠，无论配置来源如何都能放心使用，还支持多变量的模板替换。

问题本质说明 #

你遇到的核心问题是：模板字面量是代码编译阶段解析的语法糖，而从JSON读取的是普通字符串，无法触发原生的模板替换逻辑。上述两种方法都能绕过这个限制，既不用硬编码模板，也不用编写冗长的解析器。

内容的提问来源于stack exchange，提问作者Rick