来自对象的 JavaScript 用户定义模板文字格式

问题描述

我想允许用户定义一个从对象插入的模板。例如,我有对象:

const desc = {
    reagent: 'NaOH',mass: '25.6g',};

我希望用户能够定义自己的格式字符串,例如 '${mass} of ${reagent}',这样我就可以调用一些 format(formatStr,desc)获取 '25.6g of NaOH'

这种行为是内置的吗?

解决方法

只要只是插入字段 XY 而没有计算,构建起来就相当简单:

const desc = {
    reagent: 'NaOH',mass: '25.6g',};

const formatStr = '${mass} of ${reagent}';

function format(tpl,args){
  return tpl.replace(/\$\{[^\}]+\}/g,(m) => args[m.slice(2,-1).trim()]);
}

console.log(format(formatStr,desc));

如果您想解析这些占位符并在其中进行计算,我们将进入 evil() 领域。