yield

  • yield 是 ES6 的新关键字，使生成器函数执行暂停，yield 关键字后面的表达式的值返回给生成器的调用者。它可以被认为是一个基于生成器的版本的 return 关键字
  • yield 关键词实际返回一个 IteratorResult （迭代器）对象，它有两个属性，value 和 done ,分别代表返回值和是否完成
  • yield 无法单独工作，需要配合 generator （生成器）的其他函数，如 next ，懒汉式操作，展现强大的主动控制特性55

生成器

  • 生成器函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同
  1. // 生成器其实就是一个特殊的函数
  2.   // 异步编程  纯回调函数 node fs   ajax  mongodb
  4.   // 函数代码的分隔符
  5.   function * gen() {
  6.     console.log(111)
  7.     yield '一只没有耳朵'
  8.     console.log(222)
  9.     yield '一只没有尾巴'
  10.     console.log(333)
  11.     yield '真奇怪'
  12.     console.log(444)
  13.   }
  16.   let iterator = gen()
  17.   console.log(iterator) // 在其原型是上有 next() 方法
  18.   console.log(iterator.next())
  19.   console.log(iterator.next())
  20.   console.log(iterator.next())
  21.   console.log(iterator.next())
  23.   // 遍历
  24.   for(let v of gen()) {
  25.     console.log(v)
  26.   }
  1. function * gen(arg) {
  2.     console.log(arg)
  3.     let one = yield 111;
  4.     console.log(one) // 输出 BBB
  5.     let two = yield 222;
  6.     console.log(two)
  7.     let three = yield 333
  8.     console.log(three)
  9.   }
  12.   // 获取迭代器对象
  13.   let iterator = gen('aaa')
  14.   console.log(iterator.next())
  15.   // next 方法可以传入实参
  16.   console.log(iterator.next('BBB'))
  17.   console.log(iterator.next('ccc'))
  18.   console.log(iterator.next('ddd'))

实例

  1. // 异步编程  文件操作  网络操作（ajax，request）  数据库操作  解决回调地狱
  2.   function one() {
  3.     setTimeout(() => {
  4.       console.log(111)
  5.       iterator.next()
  6.     },1000)
  7.   }
  9.   function two() {
  10.     setTimeout(() => {
  11.       console.log(222)
  12.       iterator.next()
  13.     },2000)
  14.   }
  16.   function three() {
  17.     setTimeout(() => {
  18.       console.log(333)
  19.     },3000)
  20.   }
  22.   function * gen() {
  23.     yield one()
  24.     yield two()
  25.     yield three()
  26.   }
  28.   // 调用生成器函数
  29.   let iterator = gen()
  30.   iterator.next()