博士tl;

使用ECMAScript 2015的模板字符串字面量，如果适用。

解释

根据ECMAScript 5规范，没有直接的方法来做到这一点，但ECMAScript 6有模板字符串，在规范起草期间也被称为准字面量。像这样使用它们:

> var n = 42;
undefined
> `foo${n}bar`
'foo42bar'

可以在{}中使用任何有效的JavaScript表达式。例如:

> `foo${{name: 'Google'}.name}bar`
'fooGooglebar'
> `foo${1 + 3}bar`
'foo4bar'

另一件重要的事情是，你不必再担心多行字符串了。你可以简单地写成

> `foo
...     bar`
'foo\n    bar'

注意:我使用io.js v2.4.0计算上面所示的所有模板字符串。你也可以使用最新的Chrome来测试上面显示的例子。

注:ES6规范现在已经最终确定，但还没有被所有主要浏览器实现。根据Mozilla开发者网络页面，这将从以下版本开始实现基本支持:Firefox 34, Chrome 41, Internet Explorer 12。如果您是Opera、Safari或Internet Explorer用户，并且现在对此感到好奇，那么可以使用这个测试平台进行测试，直到每个人都得到支持为止。

下面是一个解决方案，它要求您提供一个具有值的对象。如果你不提供一个对象作为参数，它将默认使用全局变量。但是最好还是使用参数，这样更简洁。

String.prototype.interpolate = function(props) { return this.replace(/\{(\w+)\}/g, function(match, expr) { return (props || window)[expr]; }); }; // Test: // Using the parameter (advised approach) document.getElementById("resultA").innerText = "Eruption 1: {eruption1}".interpolate({ eruption1: 112 }); // Using the global scope var eruption2 = 116; document.getElementById("resultB").innerText = "Eruption 2: {eruption2}".interpolate(); <div id="resultA"></div><div id="resultB"></div>

你可以使用Prototype的模板系统，如果你真的想用大锤敲开一个坚果:

var template = new Template("I'm #{age} years old!");
alert(template.evaluate({age: 21}));

let age = 3;

console.log(`I'm ${age} years old!`);

你可以使用反撇号' '和ES6模板字符串

试试sprintf库(一个完整的开源JavaScript sprintf实现)。例如:

vsprintf('The first 4 letters of the english alphabet are: %s, %s, %s and %s', ['a', 'b', 'c', 'd']);

Vsprintf接受一个参数数组并返回一个格式化的字符串。

替换更多的ES6版本的@Chris Nielsen的帖子。

String.prototype.supplant = function (o) {
  return this.replace(/\${([^\${}]*)}/g,
    (a, b) => {
      var r = o[b];
      return typeof r === 'string' || typeof r === 'number' ? r : a;
    }
  );
};

string = "How now ${color} cow? {${greeting}}, ${greeting}, moo says the ${color} cow.";

string.supplant({color: "brown", greeting: "moo"});
=> "How now brown cow? {moo}, moo, moo says the brown cow."