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>
目录
相关文章
|
2月前
|
JavaScript 前端开发 API
详解队列在前端的应用,深剖JS中的事件循环Eventloop,再了解微任务和宏任务
该文章详细讲解了队列数据结构在前端开发中的应用,并深入探讨了JavaScript的事件循环机制,区分了宏任务和微任务的执行顺序及其对前端性能的影响。
|
4天前
|
存储 JavaScript 前端开发
事件循环的原理是什么
事件循环是一种编程机制,用于在单线程环境中处理多个任务。它通过维护一个任务队列,按顺序执行每个任务,并在任务之间切换,从而实现并发处理。在每个循环中,事件循环检查是否有新的任务加入队列,并执行就绪的任务。
|
3月前
|
存储 前端开发 JavaScript
事件循环机制是什么
【8月更文挑战第3天】事件循环机制是什么
36 1
|
4月前
|
JavaScript 前端开发 API
js 运行机制(含异步机制、同步任务、异步任务、宏任务、微任务、Event Loop)
js 运行机制(含异步机制、同步任务、异步任务、宏任务、微任务、Event Loop)
46 0
|
6月前
|
JavaScript 前端开发
前端 JS 经典:宏任务、微任务、事件循环(EventLoop)
前端 JS 经典:宏任务、微任务、事件循环(EventLoop)
55 0
|
6月前
|
消息中间件 缓存 JavaScript
“别让你的代码卡住了”——事件循环机制大揭秘
“别让你的代码卡住了”——事件循环机制大揭秘
3 # 通过回调函数处理异步并发问题
3 # 通过回调函数处理异步并发问题
47 0
|
Dart 调度
Dart事件循环机制
Dart事件循环机制
97 0
|
监控 JavaScript 前端开发
|
消息中间件 JavaScript 前端开发
js的EventLoop事件循环机制调用栈、微任务、消息队列执行顺序优先级
js的EventLoop事件循环机制调用栈、微任务、消息队列执行顺序优先级
112 0
下一篇
无影云桌面