生成器

Q：能干啥？

• A：拥有在一个函数块内暂停和恢复代码执行的能力

Q：怎么用？

• A：

  // 生成器函数声明
  function* generatorFn() {}
  // 生成器函数表达式
  let generatorFn = function* () {}
  // 作为对象字面量方法的生成器函é数 
  let foo = {
    * generatorFn() {}
  }
  // 作为类实例方法的生成器函数 
  class Foo {
    * generatorFn() {}
  }
  // 作为类静态方法的生成器函数 
  class Bar {
    static * generatorFn() {}
  }

  注意：箭头函数不能用来定义生成器函数。

Q：生成器函数执行流程？

• A：
  • 遇到yield就停下，生成yield值并输出但是不返回（即：不return）。
  • 当再次执行next()方法时，会从之前停止的位置继续向下执行，至下一个yield停下。

Q：如何提前终止生成器？

• A：return()和 throw()方法都可以用于强制生成器进入关闭状态。
  • 方法一：return()
  • 方法二：throw()

Q：yield和yield*有啥区别？

• A：在生成器中，遇到

  • yield：则执行yield表达式

  • yield*：则执行另一个 Generator 函数，或可遍历的对象 (如数组)。

    function* generatorTwo() {
      yield* ['a', 'b', 'c'];
    }
    
    const two = generatorTwo()
    console.log(two.next().value) // 'a'
    console.log(two.next().value) // 'b'
    console.log(two.next().value) // 'c'
    console.log(two.next().value) // undefined