继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

ES6入门用法&字符串模板

FFIVE
关注TA
已关注
手记 436
粉丝 70
获赞 459

字符串模板

传统的JavaScript的输出模板是

$('#result').append(  'There are <b>' + basket.count + '</b> ' +  'items in your basket, ' +  '<em>' + basket.onSale +  '</em> are on sale!');

ES6引入了模板字符串来解决这个问题

$('#result').append(`
  There are <b>${basket.count}</b> items
   in your basket, <em>${basket.onSale}</em>
  are on sale!
`);

用反引号(`)来标识

// 普通字符串`In JavaScript '\n' is a line-feed.`// 多行字符串,会保留所有的空格和缩进`In JavaScript this is
 not legal.`console.log(`string text line 1
string text line 2`);// 字符串中嵌入变量,需要将变量名写在${}之中let name = "Bob", time = "today";`Hello ${name}, how are you ${time}?`//模板字符串之中还能调用函数。function fn() {  return "Hello World";
}`foo ${fn()} bar`// foo Hello World bar



作者:徐金俊
链接:https://www.jianshu.com/p/fd3a8cebc1fd


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP