谈谈宏任务与微任务的理解，举一个宏任务与微任务的api

当前位置：首页 > 技术要点 > 正文

分享到：

谈谈宏任务与微任务的理解，举一个宏任务与微任务的api

时间：2023-05-25 09:07 　来源：千锋大连校区　作者：bjq

　　谈谈宏任务与微任务的理解，举一个宏任务与微任务的api

　　要理解宏任务(macrotask)与微任务(microtask)，就必须了解javascript中的事件循环机制(event loop)以及js代码的运行方式

　　要了解js代码的运行方式，得先搞懂以下几个概念

　　JS是单线程执行

　　单线程指的是JS引擎线程

　　宿主环境

　　JS运行的环境，一般为浏览器或者Node

　　执行栈

　　是一个存储函数调用的栈结构，遵循先进后出的原则

　　JS引擎常驻于内存中，等待宿主将JS代码或函数传递给它执行，如何传递，这就是事件循环(event loop)所做的事情：当js执行栈空闲时，事件循环机制会从任务队列中提取第一个任务进入到执行栈执行，优先提取微任务(microtask)，待微任务队列清空后，再提取宏任务(macrotask)，并不断重复该过程

　　在实际应用中，宏任务(macrotask)与微任务(microtask)的API分别如下：

　　宏任务

　　setTimeout/setInterval

　　ajax

　　setImmediate (Node 独有)

　　requestAnimationFrame (浏览器独有)

　　I/O

　　UI rendering (浏览器独有)

　　微任务

　　process.nextTick (Node 独有)

　　Promise

　　Object.observe