前端面试题之Promise执行顺序

最新推荐文章于 2025-06-07 11:54:23 发布

原创最新推荐文章于 2025-06-07 11:54:23 发布 · 173 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #vue.js #npm #typescript

文章通过一个Promise实例展示了JavaScript中异步操作的顺序。首先在Promise构造函数中打印a，然后调用resolve()，接着打印b。尽管.then()注册的回调函数是异步的，但会在当前执行栈结束后，而不是立即执行，因此d先于.then()中的回调函数打印。这体现了JavaScript的事件循环和任务队列机制。

执行的先后顺序：

const p = new Promise(resolve => {
    console.log('a')
    resolve()
    console.log('b')
})

p.then(() => {
    console.log('c')
})
console.log('d')

　　.then是异步，最后一个执行