Generator(生成器)

◼ 生成器是ES6中新增的一种函数控制、使用的方案，它可以让我们更加灵活的控制函数什么时候继续执行、暂停执行等。
    平时我们会编写很多的函数，这些函数终止的条件通常是返回值或者发生了异常。
◼ 生成器函数也是一个函数，但是和普通的函数有一些区别：
    首先，生成器函数需要在function的后面加一个符号：*
    其次，生成器函数可以通过yield关键字来控制函数的执行流程：
    最后，生成器函数的返回值是一个Generator（生成器）：
        ✓ 生成器事实上是一种特殊的迭代器；
        ✓ MDN：Instead, they return a special type of iterator, called a Generator.

生成器函数的使用:

  /*生成器函数特点:
  1.function后面会加上符合:*  function*
  2.代码的执行可以被yield控制
  3.生成器函数在执行时,返回一个生成器对象
    *要想执行函数内部代码,需要生成器对象调用他的next操作
    *当遇到yield时就会中断执行
    */
    function* foo(){
      console.log("11111")
      console.log("22222")
      yield console.log("aaaaa")
      console.log("33333")
      console.log("44444")
      yield
      console.log("55555")
      console.log("66666")
    }
    // 调用生成器函数会返回一个生成器对象
    const generator = foo()
    // 调用next方法
    generator.next()
    generator.next()
    generator.next()

生成器传递参数–next函数

 ◼ 函数既然可以暂停来分段执行，那么函数应该是可以传递参数的，我们是否可以给每个分段来传递参数呢？
    答案是可以的；
    我们在调用next函数的时候，可以给它传递参数，那么这个参数会作为上一个yield语句的返回值；
    注意：也就是说我们是为本次的函数代码块执行提供了一个值；
   function* foo(name1){
  console.log("执行内部代码11111",name1)
  console.log("执行内部代码1111122222",name1)
 const name2 = yield "aaaa"
  console.log("执行内部代码1111133333",name2)
  console.log("执行内部代码1111144444",name2)
 const name3 = yield "bbbb"
  console.log("执行内部代码1111155555",name3)
  console.log("执行内部代码1111166666",name3)
}
// 调用生成器函数会返回一个生成器对象
const generator = foo("第一次调用next")
// 调用next方法-->拿返回值
// console.log(generator.next())//{value: 'aaaa', done: false}
// console.log(generator.next())//{value: 'bbbb', done: false}
// console.log(generator.next())//{value: undefined, done: true}
// // 再中间位置直接return 结果-->拿返回值
// console.log(generator.next())//{value: 'aaaa', done: false}
// console.log(generator.next())//{value: 'bbbb', done: true}
// console.log(generator.next())//{value: undefined, done: true}
//4.给函数每次执行传入参数
console.log(generator.next())//{value: 'aaaa', done: false} -->执行内部代码11111 第一次调用next
console.log(generator.next("第二次调用next"))//{value: 'aaaa', done: false} -->执行内部代码1111133333 第二次调用next
console.log(generator.next("第三次调用next"))//{value: undefined, done: true}-->执行内部代码1111166666 第三次调用next

生成器提前结束–return函数

◼ 还有一个可以给生成器函数传递参数的方法是通过return函数：
    return传值后这个生成器函数就会结束，之后调用next不会继续生成值了；
    function* foo(name1){
      console.log("执行内部代码11111",name1)
      console.log("执行内部代码1111122222",name1)
    const name2 = yield "aaaa"
      console.log("执行内部代码1111133333",name2)
      console.log("执行内部代码1111144444",name2)
    const name3 = yield "bbbb"
      console.log("执行内部代码1111155555",name3)
      console.log("执行内部代码1111166666",name3)
      yield
      console.log("最后一次执行")
      return undefined
    }
    //1.generator.return()提前结束
    const generator = foo("nex1")
    // console.log(generator.next())
    // console.log(generator.return("next2"))
    // console.log("-----------------")
    // console.log(generator.next("next3"))
    // console.log(generator.next("next4"))

生成器抛出异常–throw函数

    ◼ 除了给生成器函数内部传递参数之外，也可以给生成器函数内部抛出异常：
      抛出异常后我们可以在生成器函数中捕获异常；
      但是在catch语句中不能继续yield新的值了，但是可以在catch语句外使用yield继续中断函数的执行；
      function* foo(){
        console.log("函数开始执行~")
        try{
          yield "hdc"
        }catch(err){
          console.log("内部异常捕获:",err)
        }
        yield 222
        console.log("函数执行结束")
      }

生成器替代迭代器

    ◼ 我们发现生成器是一种特殊的迭代器，那么在某些情况下我们可以使用生成器来替代迭代器：
     const names = ["aaa","bbb","ccc"]
      const nums = [66,88,555,111]
      
      function* createArrayIterator(arr){
        for (let i = 0;i<arr.length;i++){
          yield arr[i]
        }
      }
      const namesIterator = createArrayIterator(names)
      console.log(namesIterator.next())
      console.log(namesIterator.next())
      console.log(namesIterator.next())
      console.log(namesIterator.next())

      const numsIterator = createArrayIterator(nums)

事实上我们还可以使用yield*来生产一个可迭代对象：

 这个时候相当于是一种yield的语法糖，只不过会依次迭代这个可迭代对象，每次迭代其中的一个值；
  yield*必须放到生成器函数中
const names = ["aaa","bbb","ccc"]
const nums = [66,88,555,111]

function* createArrayIterator(arr){
  for (let i = 0;i<arr.length;i++){
    yield* arr
  }
}
const namesIterator =createArrayIterator(names)
console.log(namesIterator.next())
console.log(namesIterator.next())
console.log(namesIterator.next())
console.log(namesIterator.next())

自定义类迭代–生成器实现

  class ClassRoom{
    constructor(address,name,students){
      this.address = address
      this.name = name
      this.students = students
    }
    push(student){
      this.students.push(student)
    }
    *[Symbol.iterator](){
      yield* this.students
    }
  }
const classRoom1 = new ClassRoom("dhdhd","ddddd",["aaaa","bbbb","vvvvv"])
const PIteratro = classRoom1[Symbol.iterator]()
console.log(PIteratro.next())
console.log(PIteratro.next())
console.log(PIteratro.next())
console.log(PIteratro.next())