ES6学习手册（7）

生成器函数是ES6提供的一种异步编程解决方案，语法行为与传统函数完全不同

生成器

一个特殊的函数

异步编程 纯回调函数 node fs ajax mongodb

1. function 与 xx（）加星号
2. 函数代码的分隔符 yield

生成器函数的参数传递

next（）可以传参，参数将作为上一个yield的返回结果

实例

1. 异步编程：隔秒输出值

     function one() {
               setTimeout(() => {
                   console.log(111)
                   iterator.next()
               }, 1000)
           }
   
           function two() {
               setTimeout(() => {
                   console.log(222)
                   iterator.next()
               }, 2000)
           }
   
           function three() {
               setTimeout(() => {
                   console.log(333)
                   iterator.next()
               }, 3000)
           }
   
           function* gen() {
               yield one()
               yield two()
               yield three()
           }
           let iterator = gen()
           iterator.next()
   

2. 模拟获取 用户数据 订单数据 商品数据

function getUser() {
            setTimeout(() => {
                let data = '用户数据'
                iterator.next(data)
            }, 1000)
        }

        function getOrders() {
            setTimeout(() => {
                let data = '订单数据'
                iterator.next(data)
            }, 1000)
        }

        function getGoods() {
            setTimeout(() => {
                let data = '商品数据'
                iterator.next(data)
            }, 1000)
        }

        function* gen() {

            yield getUser()
            console.log(yield getUser())
            yield getOrders()
            console.log(yield getOrders())
            yield getGoods()
            console.log(yield getGoods())
        }
        let iterator = gen()
        iterator.next()

每日一句
刀钝石上磨，人笨人前学。以人为师能进步。