用promise+生成器函数模仿 async和await

// 一个模拟异步ajax请求的函数,返回一个promise
function fetchData(data){
    return new Promise((resolve, reject) => {
        setTimeout(()=>{
            resolve("xxx: "+ data)
        },2000)
    })
}
// 定义一个生成器函数,yield关键字模拟await关键字
function* gen(){
    const res1 = yield fetchData('111')
    const res2 = yield fetchData('222')
    console.log(res1)
    console.log(res2)
}

// 定义一个执行生成器函数的函数,参数需要传入一个生成器
function run(gen){
	// 执行生成器函数,获取一个迭代器对象
    const it = gen()
    // 一个执行迭代器对象next方法的函数,参数为
    const exec = (res) => {
    	// 执行迭代器的next方法,并将res传递给yield表达式左边的变量
        const result = it.next(res)
        // 判断是否执行完毕
        if(result.done) return result.value
        /* 
          如果还有 yield表达式,则递归调用promise的then方法,将then方法
          中的结果传递给yield表达式
          */
        result.value.then(exec)
    }
    exec()   
}

run(gen)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值