1-ES6模板字符串

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结构代码