js的EventLoop事件循环机制调用栈、微任务、消息队列执行顺序优先级

简介: js的EventLoop事件循环机制调用栈、微任务、消息队列执行顺序优先级

优先级是调用栈 > 微任务 > 消息队列

// 调用栈
function func() {
    console.log("func");
}

// 消息队列
setTimeout(() => {
    console.log("setTimeout");
}, 0)


var p = new Promise((resolve, reject) => {
    console.log("Promise");
    resolve()
})

// 微任务
p.then(() => {
    console.log("then");
})

func()
/**
 * 执行结果
 Promise
 func
 then
 setTimeout
 */

参考

2分钟了解 JavaScript Event Loop | 面试必备

            </div>
目录
相关文章
|
存储 JavaScript 前端开发
深入理解JavaScript中的事件循环(Event Loop):机制与实现
【10月更文挑战第12天】深入理解JavaScript中的事件循环(Event Loop):机制与实现
611 3
|
JavaScript 前端开发 API
详解队列在前端的应用,深剖JS中的事件循环Eventloop,再了解微任务和宏任务
该文章详细讲解了队列数据结构在前端开发中的应用,并深入探讨了JavaScript的事件循环机制,区分了宏任务和微任务的执行顺序及其对前端性能的影响。
|
JavaScript 前端开发
Node.js 中实现多任务下载的并发控制策略
Node.js 中实现多任务下载的并发控制策略
462 15
|
消息中间件 存储 监控
消息队列系统中的确认机制在分布式系统中如何实现
消息队列系统中的确认机制在分布式系统中如何实现
|
前端开发 JavaScript
深入理解JavaScript中的事件循环(Event Loop):从原理到实践
【10月更文挑战第12天】 深入理解JavaScript中的事件循环(Event Loop):从原理到实践
603 1
|
消息中间件 存储 监控
【10月更文挑战第2天】消息队列系统中的确认机制在分布式系统中如何实现
【10月更文挑战第2天】消息队列系统中的确认机制在分布式系统中如何实现
203 4
|
前端开发 JavaScript API
JavaScript 的宏任务和微任务有什么区别
【9月更文挑战第6天】JavaScript 的宏任务和微任务有什么区别
355 5
|
存储 JavaScript 前端开发
JavaScript:事件循环机制(EventLoop)
【9月更文挑战第6天】JavaScript:事件循环机制(EventLoop)
230 5
|
存储 前端开发 JavaScript
JavaScript 并发任务控制
【8月更文挑战第31天】JavaScript 并发任务控制
429 2
下一篇
开通oss服务