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

学以致用，以上