ES6新特性之模板字符串怎么用

　　介绍

这篇文章主要介绍了ES6新特性之模板字符串怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。

具体如下:

ES6引入了一种新型的字符串字面量语法,我们称之为模板字符串(模板字符串)。除了使用反撇号字符”代替普通字符串的引号& # 39;或“;外,它们看起来与普通字符串并无二致。在最简单的情况下,它们与普通字符串的表现一致:

context.fillText (“Ceci  n # 39; est  pas  une  cha ? ne.’,, x,, y);

但我们不能说:“原来只是被反撇号括起来的普通字符串啊”。模板字符串为JavaScript提供了简单的字符串插值功能,从此以后,你可以通过一种更加美观,更加方便的方式向字符串中插值了。这在Java和c#中早已经有了,不用再用+符号连接字符串,用起来很方便~

模板字符串的使用方式成千上万,但最让我暖心的是将其应用于毫不起眼的错误消息提示:

function 授权(用户,,行动),{ 　　if 才能;(! user.hasPrivilege(行动),{ 　　,,,throw  new 错误( 　　,,,的用户,$ {user.name},未被授权执行,${行动},操作。”); 　　,,} 　　}

在这个示例中,<代码> $ {user.name} 和<代码> ${行动}>

到目前为止,我们所了解到的仅仅是比+运算符更优雅的语法、下面是你可能期待的一些特性细节:

模板占位符中的代码可以是任意JavaScript表达式,所以函数调用,算数运算等这些都可以作为占位符使用,你甚至可以在一个模板字符串中嵌套另一个,我称之为模板套构(模板《盗梦空间》)。

如果这两个值都不是字符串,可以按照常规将其转换为字符串,例如:如果行动是一个对象,将会调用它的.toString()方法将其转换为字符串值。

如果你需要在模板字符串中书写反撇号,你必须使用反斜杠将其转义:“\”“等价于“,”“。

同样地,如果你需要在模板字符串中引入字符和{美元。无论你要实现什么样的目标,你都需要用反斜杠转义每一个字符:“美元”和“\ {”。

与普通字符串不同的是,模板字符串可以多行书写:

(“# warning") . html(美元” 　　& lt;才能h2>小心!祝辞/h2> 　　& lt;才能p>未经授权打冰球可能受罚 　　,才能将近$ {maxPenalty}分钟。;/p>”);

模板字符串中所有的空格,新行,缩进,都会原样输出在生成的字符串中。

感谢你能够认真阅读完这篇文章,希望小编分享的“ES6新特性之模板字符串怎么用”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

ES6新特性之模板字符串怎么用