promise、async和await执行顺序

原创于 2019-03-23 14:33:20 发布 · 314 阅读

0 ·

CC 4.0 BY-SA版权

ES6 同时被 2 个专栏收录

2 篇文章

订阅专栏

面试问题总结

1 篇文章

订阅专栏

本文通过一个具体的JavaScript代码示例详细解析了同步与异步代码的执行顺序，包括Promise对象、setTimeout函数以及async/await语法的使用方式。展示了微任务与宏任务在事件循环中的调度机制。

    console.log(1)
    fn()
    var pro = new Promise(function (resolve, reject) {
        console.log(3)
        resolve()
        console.log(4)
        setTimeout(function () {
            console.log(8)
        }, 0)
    })
    pro.then(data => {
        console.log(7)
    })
    setTimeout(function () {
        console.log(9)
    }, 0)
    console.log(5)
    async function fn () {
        console.log(2)
        await pro
        console.log(6)
    }
    // 详细了解同步异步,微队列和宏队列之间的关系!