const fillTemplate =(模板，值)=> { 模板= template.replace (/(?<=\${)\ w + (? =}) / g, v = >“。”+ v); 返回功能。应用(这个,””、“返回”模板“+ +”;“])打电话给(值); }; console.log(fillTemplate("The man ${man}是${brother}的兄弟"，{man: "John"，兄弟:"Peter"})); //约翰是彼得的兄弟

这是我最好的尝试:

var s = (item, price) => {return `item: ${item}, price: $${price}`}
s('pants', 10) // 'item: pants, price: $10'
s('shirts', 15) // 'item: shirts, price: $15'

generalify:

var s = (<variable names you want>) => {return `<template with those variables>`}

如果你没有运行E6，你也可以这样做:

var s = function(<variable names you want>){return `<template with those variables>`}

这似乎比前面的回答更简洁一些。

https://repl.it/@abalter/reusable-JS-template-literal

如果你正在寻找一些相当简单的东西(只是固定的变量字段，没有计算，条件…)，但这也适用于没有模板字符串支持的浏览器客户端，如IE 8,9,10,11…

开始吧:

fillTemplate = function (templateString, templateVars) {
    var parsed = templateString;
    Object.keys(templateVars).forEach(
        (key) => {
            const value = templateVars[key]
            parsed = parsed.replace('${'+key+'}',value)
        }
    )
    return parsed
}

当我看到它的时候，我非常头疼。javascript中的文字模板非常酷，但它们****可重用或带有动态值。但解决方法非常简单。事实上，在花了几天时间编写解析器、格式化器和其他解决方案后，我不得不踢自己几次。最后在我放弃了这个想法，打算使用胡子或其他模板模块后，它击中了我.....

const DT = function dynamicTemplate(source) { return (new Function(`return \`${source}\``))() }

//let a = 1, b = 2;
//DT("${a} + ${b} equals ${a + b}")
// prints '1 + 2 equals 3'

这就是她写的全部内容。

一般来说，我反对使用邪恶的eval()，但在这种情况下，它是有意义的:

var template = "`${a}.${b}`";
var a = 1, b = 2;
var populated = eval(template);

console.log(populated);         // shows 1.2

然后如果你改变值并再次调用eval()，你会得到新的结果:

a = 3; b = 4;
populated = eval(template);

console.log(populated);         // shows 3.4

如果你想把它写在一个函数中，那么它可以这样写:

function populate(a, b){
  return `${a}.${b}`;
}

运行时模板字符串

var templateString = (template, values) => {
    let output = template;
    Object.keys(values)
        .forEach(key => {
        output = output.replace(new RegExp('\\$' + `{${key}}`, 'g'), values[key]);
    });
    return output;
};

Test

console.debug(templateString('hello ${word} world', {word: 'wonderful'}));