如何在JavaScript中插入字符串中的变量，而不进行连接？

Question

如何在JavaScript中插入字符串中的变量，而不进行连接？我知道在PHP中我们可以这样做：$hello = "foo";$my_string = "I pity the $hello";产出："I pity the foo"我想知道JavaScript中是否也有同样的可能性。使用字符串中的变量而不使用级联-它看起来更简洁和优雅的编写。

Answer 1

从Firefox 34/Chrome 41/Safari 9/Microsoft Edge开始，您可以使用名为ES 2015/ES6的特性模板文字并使用以下语法：

`String text ${expression}`

模板文字由后勾(`)(重音)而不是双引号或单引号。

例子：

var a = 5;var b = 10;console.log(`Fifteen is ${a + b}.`);// "Fifteen is 15.

多整洁啊？

奖金：

它还允许在javascript中使用多行字符串而不转义，这对于模板来说是很好的：

return `
    <div class="${foo}">
         ...
    </div>
`;

浏览器支持:

由于旧浏览器(InternetExplorer和Safari<=8)不支持这种语法，所以您可能需要使用巴贝尔将您的代码转换到ES5，以确保它将在任何地方运行。

---

附带说明：

从IE8+开始，您可以在内部使用基本的字符串格式console.log:

console.log('%s is %d.', 'Fifteen', 15);// Fifteen is 15.

Answer 2

在.之前Firefox 34/Chrome 41/Safari 9/MicrosoftEdge，不，这在javascript中是不可能的。你必须求助于：

var hello = "foo";var my_string = "I pity the " + hello;