扫码关注公众号

前端JavaScript语言之宏任务和微任务
02-19
257观看
01

下列在 JS 时间循环机制中属于微任务(microTask)的是?

正确答案是ABnextTick在vue源码实现是newPermoise.reslove(callback),如果不能支持es6语法用setTimout(()=>{},0)实现异步操作,第二种不常见。promise第一个回调函数是同步任务,它的方法是异步任务,如果这题考查的宏任务和微任务的区别。选a,如果题意是可以放入到微任务队列中就选ab。

来自:ES和TS-Promise、async、await
02

JS中微任务和宏任务执行顺序

1、首先执行当前代码(同步任务),直到遇到第一个宏任务或微任务。2、如果遇到微任务,则将它添加到微任务队列中,继续执行同步任务。3、如果遇到宏任务,则将它添加到宏任务队列中,继续执行同步任务。4、当前任务执行完毕后,JavaScript引擎会先执行所有微任务队列中的任务,直到微任务队列为空。5、然后执行宏任务队列中的第一个任务,直到宏任务队列为空。6、重复步骤4和步骤5,直到所有任务都被执行完毕。需要注意的是,微任务比宏任务优先级要高,因此在同一个任务中,如果既有微任务又有宏任务,那么微任务会先执行完毕。而在不同的任务中,宏任务的执行优先级要高于微任务,因此在一个宏任务执行完毕后,它才会执行下一个宏任务和微任务队列中的任务。举个例子,假设当前代码中有一个setTimeout和一个Promise,它们分别对应一个宏任务和一个微任务。那么执行顺序如下:1).执行当前代码,将setTimeout和Promise添加到宏任务和微任务队列中。2).当前任务执行完毕,JavaScript引擎先执行微任务队列中的Promise回调函数。3).微任务队列为空后,再执行宏任务队列中的setTimeout回调函数。需要注意的是,在一些特殊情况下,微任务和宏任务的执行顺序可能会发生变化,比如在使用MutationObserver监听DOM变化时,它会被视为一个微任务,但是它的执行顺序可能会比其他微任务更靠后。因此,需要根据具体情况来理解和处理微任务和宏任务的执行顺序。 

来自:ES和TS-Promise、async、await
03

js微任务和宏任务有哪些

微任务:Promise回调函数、process.nextTick、Object.observe(已废弃)、MutationObserver。宏任务:setTimeout、setInterval、setImmediate(Node.js独有)、requestAnimationFrame、I/O操作、UI渲染。

来自:ES和TS-Promise、async、await
课程
专栏
【校招VIP】[前端面试之JS]微任务和宏任务
csdn
微任务
宏任务
【校招VIP】什么是宏任务、微任务?宏任务、微任务有哪些?又是怎么执行的?
csdn
微任务
宏任务
js语言和框架-ES和TS-Promise、async、await
2专栏
1课程
3 试题