前端工程师必备之----ES6

1.let 和 const 命令

let 类似于var 但具有块级作用域，const不允许重复声明就是固定变量。

2.解构赋值

• 基本数组

    let [a, b, c] = [1, 2, 3];

   // a = 1

   // b = 2

   // c = 3

• 剩余运算符
• 对象中的扩展运算符(...)用于取出参数对象中的所有可遍历属性，拷贝到当前对象之中

   // a = 10

   // b = 20

   // rest = {c: 30, d: 40}

 let {a, b, ...rest} = {a: 10, b: 20, c: 30, d: 40};

3.字符串的扩展

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

4.新数据类型symbol 

symbol 是程序创建并且可以用作属性键的值，并且它能避免命名冲突的风险。

5.set和map

ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。

 ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键

6.Promise 对象

Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。

实例化的Promise内部会立即执行，then方法中的异步回调函数会在脚本中所有同步任务完成时才会执行。因此，promise的异步回调结果最后输出。示例代码如下：