es6新特性

模板字符串

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

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

//字符串中需要用到绑定数据的用${}来绑定

使用模板字符串，所有的格式都会保存再输出样式中，比如

$('#list').html(`
<ul>
  <li>first</li>
  <li>second</li>
</ul>
`);

以上的<ul><li>换行会显示在输出流中，要是想去掉，可以使用trim()方法消除，使用方法是在结束“ ` ”后面加上 .trim()。