码迷,mamicode.com
首页 > 其他好文 > 详细

ES6 Template String 模板字符串

时间:2018-05-04 14:10:03      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:``   连接   too   nsa   保留   src   特性   you   反引号   

模板字符串(Template String)是增强版的字符串,用反引号(`)标识,它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。

大家可以先看下面一段代码:

技术分享图片
$("#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!
`);

反引号`来标识起始,用${}来引用变量,而且所有的空格和缩进都会被保留在输出之中,是不是非常爽?!

ES6 Template String 模板字符串

标签:``   连接   too   nsa   保留   src   特性   you   反引号   

原文地址:https://www.cnblogs.com/1156063074hp/p/8989846.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!