ES6实用语法糖

• 字符串扩展

1. 字符串接口遍历器

for (let codePoint of 'foo') {
  console.log(codePoint)
}
// "f"
// "o"
// "o"

　　2.模板字符串

• 穿插变量

//旧写法
$('#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!
`);

• 换行

// 旧写法
`In JavaScript '\n' is a line-feed.`

// 新写法   ---模板字符串表示多行字符串，所有的空格和缩进都会被保留在输出之中
`In JavaScript this is
 not legal.`
// 字符串和变量嵌套

const tmpl = addrs => `
  <table> ${addrs.map(addr => ` <tr><td>${addr.first}</td></tr> <tr><td>${addr.last}</td></tr> `).join('')} </table> `;
//模板编译

let template = `
<ul>
  <% for(let i=0; i < data.supplies.length; i++) { %> <li><%= data.supplies[i] %></li> <% } %> </ul> `;
上面代码在模板字符串之中，放置了一个常规模板。该模板使用<%...%>放置 JavaScript 代码，使用<%= ... %>输出 JavaScript 表达式。