ES6相关

三点运算符

扩展运算符将一个数组转为用逗号分隔的参数序列

console.log(...[a, b, c])  
// a b c

用于：
1 将一个数组，变为参数序列

let add = (x, y) => x + y;
let numbers = [3, 45];
console.log(add(...numbers))//48

2 使用扩展运算符展开数组代替apply方法，将数组转为函数的参数

//ES5 取数组最大值
console.log(Math.max.apply(this, [654, 233, 727]))；
//ES6 扩展运算符
console.log(Math.max(...[654, 233, 727]))
//相当于
console.log(Math.max(654, 233, 727))

3 使用push将一个数组添加到另一个数组的尾部

let arr1 = [1, 2, 3];  
let arr2 = [4, 5, 6];  
arr1.push(...arr2);
console.log(arr1);//[1,2,3,4,5,6]

4 合并数组

var arr1 = ['a', 'b'];  
var arr2 = ['c'];  
var arr3 = ['d', 'e'];  
// ES5 的合并数组  
arr1.concat(arr2, arr3);  
// [ 'a', 'b', 'c', 'd', 'e' ]  
// ES6 的合并数组  
[...arr1, ...arr2, ...arr3]  
// [ 'a', 'b', 'c', 'd', 'e' ] 

5 将字符串转换为数组

ES6
[...'hello']  
// [ "h", "e", "l", "l", "o" ] 
//ES5
str.split('')

6 转换伪数组为真数组

var nodeList = document.querySelectorAll('p');  
var array = [...nodeList]; 
//具有iterator接口的伪数组，非iterator对象用Array.from方法

7 map结构

let map = new Map([  
[1, 'one'],  
[2, 'two'],  
[3, 'three'],  
]);  
let arr = [...map.keys()]; // [1, 2, 3]

Promise对象

Promise对象是一个构造函数，用来生成Promise实例。
创造一个Promise实例

const promise = new Promise((resolve, reject)=> {
  //做一些什么事情
  if (/* 异步操作成功 */){
    resolve(value);//成功的返回
  } else {
    reject(error);//失败的返回
  }
});

调用这个Promise实例

promise.then(res=> {
  	// 成功
}).catch(error=>{
	//失败
});

async和await

说一下我的理解哈
async写在一个方法的前面

async fun(){
	//xxxxxx
}

表示这个fun是一个异步函数，内部有异步操作，通常出现async的函数内部都会有一个await
先看一个例子

async getUserGroup(){
    let data = {
        //参数
    }
    let res = await getGroupUser(data);
   //res是返回结果
},

getGroupUser是我封装的一个axios请求，具体封装方法可以去看我另一篇axios相关的帖子
这里getGroupUser这个函数内部其实就返回了一个Promise实例
这个时候当我们执行到await这行代码时，就会暂停往下执行，当await 后面的Promise实例返回了成功的数据后，代码就会继续往下执行，但是如果返回了错误，那就到此为止了。