如何在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&nbsp;text&nbsp;${expression}`模板文字由后勾(`)(重音)而不是双引号或单引号。例子：var&nbsp;a&nbsp;=&nbsp;5;var&nbsp;b&nbsp;=&nbsp;10;console.log(`Fifteen&nbsp;is&nbsp;${a&nbsp;+&nbsp;b}.`);//&nbsp;"Fifteen&nbsp;is&nbsp;15.多整洁啊？奖金：它还允许在javascript中使用多行字符串而不转义，这对于模板来说是很好的：return&nbsp;` &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;class="${foo}"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;... &nbsp;&nbsp;&nbsp;&nbsp;</div> `;浏览器支持:由于旧浏览器(InternetExplorer和Safari<=8)不支持这种语法，所以您可能需要使用巴贝尔将您的代码转换到ES5，以确保它将在任何地方运行。附带说明：从IE8+开始，您可以在内部使用基本的字符串格式console.log:console.log('%s&nbsp;is&nbsp;%d.',&nbsp;'Fifteen',&nbsp;15);//&nbsp;Fifteen&nbsp;is&nbsp;15.

Answer 2

在.之前Firefox 34/Chrome 41/Safari 9/MicrosoftEdge，不，这在javascript中是不可能的。你必须求助于：var&nbsp;hello&nbsp;=&nbsp;"foo";var&nbsp;my_string&nbsp;=&nbsp;"I&nbsp;pity&nbsp;the&nbsp;"&nbsp;+&nbsp;hello;