美文网首页
1-ES6模板字符串

1-ES6模板字符串

作者: 梦想成为小仙女 | 来源:发表于2019-02-22 21:04 被阅读2次
image.png

https://www.cnblogs.com/zhuzhenwei918/p/6131614.html.
https://blog.csdn.net/blog_szhao/article/details/51792868

一.助记图

image.png

1.问题
原来我们如果想返回一段由变量和字符拼接而成的字符串,必须使用变量加"字符串"的形式,非常的繁琐
2.解决方案
在ES6中新提出了模板字符串的概念,将变量由${变量名称}来表示,会直接取出它的值作为普通字符串使用,整个要返回的字符串用``括起来即可.
3.格式
`$(var1)字符串`
对比原来:var1 + "字符串"
虽然上述看不出区别,但是+的数量和变量的数量线性增加
4.测试代码

image.png
5.补充
在模板字符串中还可以添加html结构代码

相关文章

  • 1-ES6模板字符串

    https://www.cnblogs.com/zhuzhenwei918/p/6131614.html.http...

  • ES6-字符串方法及其实现

    1.模板字符串 模板字符串替换+操作符,来拼接字符串,并且支持换行: 标签模板: 标签模板其实不是模板,而是函数调...

  • ECMAScript6 学习(一)

    字符串的扩展 字符串的遍历器接口for...of循环 模板字符串 字符串中嵌入变量 标签模板 模板字符串可以紧跟在...

  • es6

    1.模板字符串 $().append(` `) 添加模板字符串,模板字符串中嵌入变量,需要将变量名写在${}之中。...

  • ES6常用新特性

    ES6新特性介绍 模板字符串 模板字符串实现字符串拼接 模板字符串实现多行字符串 结构赋值 对象的解构赋值 数组的...

  • ES6字符串扩展

    字符串的Unicode表示法 字符串的遍历器接口 模板字符串` 长字符串换行 变量拼接 嵌套模板 带标签的模板字符...

  • ES6之模板字符串

    说明: 通过 ${ letName } 使模板字符串支持插值 模板字符串必需要用反 撇号(`) 括起来 模板字符串...

  • ES6-字符串模板

    模板字符串使用案例一 标签模板字符串 标签模板字符串案例 标签函数的用途,可以用来过滤用户输入

  • es6小结

    模板字符串字符串拼接不需要+,而是用``,变量用${变量名}表示 Tips:模板字符串里的变量的值取模板字符串定义...

  • ES6(4)、新版字符串

    1、模板字符串 模板字符串使用反引号 (``) 来代替普通字符串中的用双引号和单引号。模板字符串可以包含特定语法(...

网友评论

      本文标题:1-ES6模板字符串

      本文链接:https://www.haomeiwen.com/subject/vnjyyqtx.html