ES6语法之 template string

当我们要插入大段的html内容到文档中时,传统的写法非常麻烦,

$("#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!
`);

`aa${变量名}aaa` 用${}这种方式来引用变量

posted @ 2017-07-11 15:24  H5工程师  阅读(371)  评论(0编辑  收藏  举报