async/await异步不阻塞调用

发布时间:2019-08-20 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了async/await异步不阻塞调用脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

es6有两个新的异步语法,一个是async,await,一个是promise,两者我更青睐于async,awaIT原因简单,async,await语法糖让代码更清晰,更直观。
简单的讲一下,async函数返回一个 Promise 对象,可以使用then方法添加回调函数。当函数执行的时候,一旦遇到await就会先返回,等到异步操作完成,再接着执行函数体内后面的语句。那其实就是说在async函数内,每当遇到await关键字的时候,函数就是阻塞住,必须等到异步操作有结果时才会往下继续执行,思考下,我们关心的异步返回的结果,那么也就是说我们可以异步函数执行的结果储存起来,在需要的时候再去await,看下面的代码

function asyncAfun() {
    return new Promise((resolove)=>{
        setTimeout(function() {
            resolove(123);
        }, 3000);
    })    
}
function asyncBfun() {
    return new Promise((resolove)=>{
        setTimeout(function() {
            resolove(456);
        }, 3000);
    })    
}
async function test () {
    let a = asyncAfun();//不阻塞
    let b = asyncBfun();//不阻塞
    let _a = await a; //这里等待a的返回 后面可以do something
    let _b = await b;//这里等待b的返回 后面可以do something
}

那么当你需要同时并发大量请求,并且等待所有的请求结果完成的时候可以这么写

async function test () {
    let a = asyncAfun();
    let b = asyncBfun();
    let _a = await a;
    let _b = await b;
    Promise.all([_a,_b]).then(v=>{
        console.log(v)
    })
}

Promise.all的作用可以去MDN查,类似的还有Promise.race

学以致用,以上

脚本宝典总结

以上是脚本宝典为你收集整理的async/await异步不阻塞调用全部内容,希望文章能够帮你解决async/await异步不阻塞调用所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。