ES6 --- Generator

Generator

Generator是ES6提供的一种异步编程解决方案，语法不同于普通函数；简单的把Generator 理解为一个状态机，封装了多个内部状态。执行Generator 函数会返回一个迭代器对象，可以通过调用迭代器next依次遍历Generator函数内部的每一个状态。

Generator函数有两个特征：
1.function关键字与函数名之间有个星号；
2.函数内部使用yield表达式

function* helloGenerator(){ 
	yield '1';
	yield '2';
	return '3';
}

如上代码有三个状态, ‘1’、‘2’、‘3’，一个yield就是一个状态，一个yield就是一个代码运行节点，执行一次迭代器next方法，到第一个yield，再执行一次，到下一个yield。上一个yield的结束是下一个yield的开始。yield后面是每一种状态的描述，是返回值。通过迭代器对象的next方法控制代码向下执行。最后一个yield可以return返回。

• 如何创建Generator函数 (每个状态之间都是独立的)

  function* test(){
              // 每一个yield之间状态是独立的
              yield 1;
              yield 2;
              yield 3;
          }
          let result=test();
          console.log(result);//返回的是一个Generator对象，也是一个迭代器对象
          console.log(result.next(1));//接收第一个状态的返回结果 Object { value: 1, done: false } value是yield返回值
          console.log(result.next());//Object { value: 2, done: false }
  

• Generator 模拟发起异步请求

  拿到第一个状态的返回结果再执行第二个状态，状态之间数据传递通过next

   function* test(){
              // 每一个yield之间状态是独立的
              log();
              let res=yield 1; //拿res接收yield 1的返回结果 res-->1
              log();
              // 处理res 上一个状态拿到res当前状态想用res通过调用next()是拿不到的,因为它是异步的，只有在下一次状态调用的时候传递参数进去才行
              console.log(res)
              yield 2; 
              log();
              yield 3;
              log();
              yield 4;
              log();
          }
          let result=test();
          console.log(result);//返回的是一个Generator对象，也是一个迭代器对象
          console.log(result.next());//接收第一个状态的返回结果 Object { value: 1, done: false } value是yield返回值
          console.log(result.next());//Object { value: 2, done: false }；//undefined
          // 如果想要在第二个状态调用第一个状态的数据  需要传递数据 传什么 第二个状态的res就是什么 他会作为上一个状态的结果传递给下一个状态
          //
          function log(){
              for(i=1;i<=10;i++){
                  console.log(i)
              }
          }