# 敲黑板！async/await应用和原理

作者：HerryLo (opens new window) 博客原文链接 (opens new window)

这个篇文章是由async/await继发引起。在JS开发中通过for循环或者for..of配合async/await，既可以实现继发执行（就是按顺序完成异步操作）。具体原因后续再聊，先上示例代码。

# `async/await`继发运行

好的！我们先来看下面的示例代码：

function syncTime(delay, res) {
    return new Promise((resolve, reject)=> {
        setTimeout(()=> {
            resolve(res);
        }, delay)
    })
}

async function main() {
    for(let i=0 ;i<10; i++){
        let res = await syncTime(1000, i)
        console.log(`%c ${res}`, `color: red;`);
    }
}
main();

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

运行结果：会打印0...9，每停顿1秒打印一次。你可以运行试试，是否是这个结果。如果把syncTime函数中的setTimeout替换为异步请求，那么它就可以直接用到项目中；或者通过上面的操作来阻塞代码，让它进入睡眠状态。

在之前我只是把async/await作为Promise的升级版来使用，根本不知道有这个操作的，在同事使用后，我翻阅了大神阮一峰 ECMAScript 6 入门 (opens new window)，才发现这个操作早已经有了，这并不是什么稀罕玩意，只是我没有发现而已。😂😂以后还是要多看文档，多看资料！！

async/await只是Promise的升级版嘛？看到上面的代码，或者已经知道这个特性的同学，肯定会回答不是。应该说，它算是Promise+Generator的共同结合版。