mustache.js

如何在没有连接的情况下插值JavaScript中字符串中的变量?

牧云@^-^@ 提交于 2020-03-05 19:38:32
我知道在PHP中我们可以做这样的事情: $hello = "foo"; $my_string = "I pity the $hello"; 输出: "I pity the foo" 我想知道JavaScript是否也可以实现同样的功能。 在字符串内部使用变量而不使用串联-编写起来看起来更加简洁和优雅。 #1楼 从Firefox 34 / Chrome 41 / Safari 9 / Microsoft Edge开始,您可以使用名为 Template Literals的ES2015 / 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> `; 浏览器支持 : 由于较旧的浏览器(Internet Explorer和Safari <= 8)不支持此语法,因此您可能希望使用 Babel 将代码转换为ES5,以确保其可在任何地方运行。 边注: