ES6中promise，new Set(),Array.from,ES7求幂运算符（**）、Array.prototype.includes(),异步函数(Async functions)

 

ES6还没搞明白，ES7新特新出来了，那就了解一下。

1，set是一种新数据结构，它可以接收一个数组或者是类数组对象，自动去重其中的重复项目（包括NaN，正常情况下，NaN === NaN 返回的是false，但是在set里，一样能够去重）

此时set返回的是一个对象，我们需要的是返回一个去重的数组，此时Array.from()就派上用场，它的作用，就是可以把类数组对象、可迭代对象转化为数组。

let arr=[1,2,2,3,"3","3","hello","hello"]

当然，封装一个去重的方法也不难，但有好的语法糖还是要尝尝！

let json=new Set(arr) //返回去重的类数组对项目

let newArr=Array.from(json) //这样就获得去重的数组

2.求幂运算符（**）

基本用法

3**2  //9

Math.pow(3,2)//9

3.Array.prototype.includes()方法接收两个参数：要搜索的值和搜索的开始索引。当第二个参数被传入时，该方法会从索引处开始往后搜索（默认索引值为0）。若搜索值在数组中存在则返回true，否则返回false。

<script>
  var a=[1,2,3,4,"1","2","3","4","你好","逗"];
  var b=[3,4,5,6,"3","4","5","6","你好","飞"];
  //交集
  let intersection=a.filter(function (v) {
    return b.includes(v)
  })
  //差集
  let difference=a.concat(b).filter(function (v) {
    return !a.includes(v)||!b.includes(v)
  })
  //并集
  let bing=a.concat(b).filter(function (v) {
    return a.includes(v)||b.includes(v)
  })
  let bingji=Array.from(new Set(bing))
  console.log(intersection);
  console.log(difference);
  console.log(bingji);
</script>

4.异步函数(Async functions)

Promise的写法只是回调函数的改进，使用then方法，只是让异步任务的两段执行更清楚而已。Promise的最大问题是代码冗余，请求任务多时，一堆的then，也使得原来的语义变得很不清楚。此时我们引入了另外一种异步编程的机制：Generator。

Generator 函数是一个普通函数，但是有两个特征。一是，function关键字与函数名之间有一个星号；二是，函数体内部使用yield表达式，定义不同的内部状态（yield在英语里的意思就是“产出”）。

function* helloWorldGenerator() {
  yield 'hello';
  yield 'world';
  return 'ending';
}

var hw = helloWorldGenerator();

上面代码定义了一个 Generator 函数helloWorldGenerator，它内部有两个yield表达式（hello和world），即该函数有三个状态：hello，world 和 return 语句（结束执行）。Generator 函数的调用方法与普通函数一样，也是在函数名后面加上一对圆括号。不同的是，调用 Generator 函数后，该函数并不执行，返回的也不是函数运行结果，而是一个指向内部状态的指针对象，必须调用遍历器对象的next方法，使得指针移向下一个状态。也就是说，每次调用next方法，内部指针就从函数头部或上一次停下来的地方开始执行，直到遇到下一个yield表达式（或return语句）为止。换言之，Generator 函数是分段执行的，yield表达式是暂停执行的标记，而next方法可以恢复执行。上述代码分步执行如下：

hw.next()
// { value: 'hello', done: false }

hw.next()
// { value: 'world', done: false }

hw.next()
// { value: 'ending', done: true }

hw.next()
// { value: undefined, done: true }