【JS】Event Loop 宏任务/微任务

最新推荐文章于 2024-07-10 14:03:37 发布

门前大桥下www

最新推荐文章于 2024-07-10 14:03:37 发布

阅读量113

点赞数

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/hggl_bera/article/details/131193362

版权

前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

写出执行顺序

console.log('[]', 1)
setTimeout(function () {
    console.log('[]', 14)
}, 0)
setTimeout(function () {
    console.log('[]', 2)
    new Promise(function (resolve) {
        resolve()
    }).then(function () {
        console.log('[]', 12)
        setTimeout(function () {
            console.log('[]', 15)
        }, 0)
        new Promise(function (resolve) {
            resolve()
        }).then(function () {
            console.log('[]', 13)
        })
    })
}, 0)
new Promise(function (resolve) {
    console.log('[]', 3)
    for (var i = 0; i < 10000; i++) {
        i === 9999 && resolve()
    }
    console.log('[]', 4)
}).then(function () {
    console.log('[]', 5)
})
setTimeout(function () {
    console.log('[]', 7)
}, 0)
new Promise(function (resolve) {
    console.log('[]', 8)
    resolve()
}).then(function () {
    console.log('[]', 9)
})
console.log('[]', 6)
new Promise(function (resolve) {
    resolve()
}).then(function () {
    console.log('[]', 10)
})
new Promise(function (resolve) {
    resolve()
}).then(function () {
    console.log('[]', 11)
})