ITPub博客

首页 > IT职业 > IT生活 > ES6入门用法&字符串模板

ES6入门用法&字符串模板

IT生活 作者:yinlin7937 时间:2021-09-09 09:47:36 0 删除 编辑

字符串模板

传统的JavaScript的输出模板是

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

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

$('#result').append(`
  There are ${basket.count} items
   in your basket, ${basket.onSale}
  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


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/3193/viewspace-2812451/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-30

  • 博文量
    78
  • 访问量
    787