HTML5技术

【javascript】详解变量,值,类型和宿主对象 - 外婆的彭湖湾(6)

字号+ 作者:H5之家 来源:H5之家 2017-09-03 13:26 我要评论( )

嗯嗯, 看到 下面的那个/div颜色变了 你就知道 这绝对不是什么好兆头!! (实际上 运行也会报错 的,因为编译时候会认为下面的/div前面缺少字符串 ' 的符号) 于是你可能这样干 + 但仔细想一想, 你的HTML代码哪怕

嗯嗯, 看到下面的那个</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

 

【完】

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 【javascript】函数中的this的四种绑定形式 — 大家准备好瓜子,我要讲故事啦~~ - 外婆的彭湖湾

    【javascript】函数中的this的四种绑定形式 — 大家准备好瓜子,我要

    2017-08-16 11:00

  • 【javascript】详解javaScript的深拷贝 - 外婆的彭湖湾

    【javascript】详解javaScript的深拷贝 - 外婆的彭湖湾

    2017-08-15 12:01

  • 一次浴火重生的MySQL优化(EXPLAIN命令详解) - 禁心尽力

    一次浴火重生的MySQL优化(EXPLAIN命令详解) - 禁心尽力

    2017-08-02 14:00

  • AngularJS“路由”的定义概念、使用详解——AngularJS学习资料教程 - 我叫小熊

    AngularJS“路由”的定义概念、使用详解——AngularJS学习资料教程 -

    2017-07-12 11:01

网友点评
d