这两天在研究事件循环和任务队列机制,里边牵扯到setTimeout
,因为在讨论浏览器刷新频率的时候,经常将setTimeout
和requestAnimationFrame
作比较。
所以同事提出requestAnimationFrame
是否也属于异步任务,如果是的话,是属于macro-task
还是micro-task
?
希望有了解的大神解释一下,感谢!
这两天在研究事件循环和任务队列机制,里边牵扯到setTimeout
,因为在讨论浏览器刷新频率的时候,经常将setTimeout
和requestAnimationFrame
作比较。
所以同事提出requestAnimationFrame
是否也属于异步任务,如果是的话,是属于macro-task
还是micro-task
?
希望有了解的大神解释一下,感谢!
典型的 MacroTask 包含了 setTimeout, setInterval, setImmediate, requestAnimationFrame, I/O, UI rendering 等,
MicroTask 包含了 process.nextTick, Promises, Object.observe, MutationObserver 等。
供参考。
10 回答11.7k 阅读
2 回答3.2k 阅读✓ 已解决
4 回答2.2k 阅读✓ 已解决
3 回答1.2k 阅读✓ 已解决
3 回答856 阅读✓ 已解决
3 回答1k 阅读✓ 已解决
2 回答1.2k 阅读✓ 已解决
先给结论:
requestAnimationFarme
属于macrotastks
然后我给个分类吧:
1、macrotasks包含:主js、UI渲染、setTimeout、setInterval、setImmediate、requestAnimationFarme、I/O等
2、microtasks包含:process.nextTick、promise、Object.observe等
有深入了解可以看下面几个链接:
从Promise来看JavaScript中的Event Loop、Tasks和Microtasks
理解事件循环一(浅析)
Promise的队列与setTimeout的队列有何关联