如何在JavaScript中插入变量而没有连接？

2019-09-11 05:35:22 阅读：250 来源： 互联网

标签：string-interpolation javascript variables string

我知道在PHP中我们可以这样做：

$hello = "foo";
$my_string = "I pity the $hello";

输出：“我很遗憾foo”

我想知道在JavaScript中是否也可以使用同样的东西.在不使用串联的情况下在字符串中使用变量 – 它看起来更简洁和优雅.

解决方法:

从Firefox 34 / Chrome 41 / Safari 9 / Microsoft Edge开始,您可以使用名为Template Literals的ES2015 / ES6功能并使用以下语法：

`String text ${expression}`

Template literals are enclosed by the back-tick (` `) (grave accent) instead of double or single quotes.

例：

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

这有多整洁？

奖金：

它还允许javascript中的多行字符串而不转义,这对于模板非常有用：

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

Browser support：

由于旧版浏览器(Internet Explorer和Safari< = 8)不支持此语法,您可能需要使用Babel将代码转换为ES5以确保它将在任何位置运行.

边注：

从IE8开始,您可以在console.log中使用基本字符串格式：

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

标签：string-interpolation,javascript,variables,string
来源： https://codeday.me/bug/20190911/1803705.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

如何在JavaScript中插入变量而没有连接？