时间戳

首页 > 解决方案 > 来自对象的 JavaScript 用户定义模板文字格式

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

问题描述

我想允许用户定义一个从对象插值的模板。例如，我有一个对象：

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

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

这种行为是内置的吗？

标签： javascripttypescripttemplate-literals

解决方案

只要它只是插入字段 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()领域。

推荐阅读