嗯嗯, 看到下面的那个</div>颜色变了你就知道这绝对不是什么好兆头!!(实际上运行也会报错的,因为编译时候会认为下面的</div>前面缺少字符串 ' 的符号)
于是你可能这样干
+
但仔细想一想, 你的HTML代码哪怕只长一点点就可能变成这样:
+ + + + +
简直恐怖!!你把大量的工作花费在了写+号上和写单引号上 (虽然以我歪曲的审美觉得这段代码看起来挺“漂亮”的)
而当你使用模板字符串时就不用换行了:
var str = `<html> <head> <meta charset=/> <title></title> </head> </html>`
当然了, 更多时候我们习惯于用模板字符串做字符串的动态插值
它可以把
console.log(+ name);
变成
console.log(`my name is ${ name }`);
形式上更加方便简洁, 可读性也大大增强了
总结一下模板字符串的作用:
1.允许多行
2. 简洁插值
【注意】: 模板字符串是ES6的特性
参考资料:
《你不知道的javascript》 — — [美] Kyle Simpson
《javascript高级语言程序设计》— — [美] Nicholas C·Zakas
【完】