ES6学习手册

Posted 2021-05-14 designbyly

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ES6学习手册相关的知识，希望对你有一定的参考价值。

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

生成器

一个特殊的函数

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

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

生成器函数的参数传递

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

实例

异步编程：隔秒输出值

  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()

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

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()

在这里插入图片描述
每日一句
刀钝石上磨，人笨人前学。以人为师能进步。

以上是关于ES6学习手册的主要内容，如果未能解决你的问题，请参考以下文章