JavaScript中EventLoop中requestAnimationFrame在宏任务和微任务之间怎么调度-js教程-PHP中文网

requestanimationframe（raf）既不是宏任务也不是微任务，它在event loop中拥有独立调度时机，位于本轮宏任务末尾、微任务之后、渲染之前，由浏览器按帧率主动触发并批量执行。

javascript中eventloop中requestanimationframe在宏任务和微任务之间怎么调度

requestAnimationFrame（raf）既不是宏任务，也不是微任务，它在Event Loop中拥有独立的调度时机——位于本轮宏任务末尾、下一轮宏任务开始前，且优先级高于宏任务但低于微任务。

raf 的执行时机：独立于宏/微任务队列

浏览器规范中，raf 回调被归入“Animation Frame Tasks”，属于一个特殊的任务类别。它的触发不依赖于宏任务队列（如 setTimeout、I/O）或微任务队列（如 Promise.then、MutationObserver），而由浏览器根据屏幕刷新节奏（通常每 16.6ms 一次，即 60fps）主动调度：

当一帧开始时（即浏览器准备重绘前），会检查是否注册了 raf 回调；
若存在，则在该帧的渲染前、所有微任务执行完毕后，立即批量执行所有待处理的 raf 回调；
执行完 raf 后，才进行样式计算、布局、绘制等渲染操作。

执行顺序：微任务 → raf → 渲染 → 下一轮宏任务

在一个完整的事件循环周期中，典型执行顺序如下：

执行当前宏任务（如 click 处理函数）；
执行该宏任务产生的所有微任务（Promise.then、queueMicrotask 等）；
执行已注册的 raf 回调（如果当前帧尚未执行过 raf）；
进行页面渲染（Layout → Paint）；
从宏任务队列中取出下一个宏任务执行。

注意：raf 不会“插队”到微任务中间，也不会被推迟到下一帧——只要在当前帧内被 request，就一定在本次渲染前执行（除非被取消或浏览器处于后台）。

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

与 setTimeout(0) 和 Promise.then 的对比

以下代码可直观体现调度差异：

console.log('1');
setTimeout(() => console.log('2'), 0);        // 宏任务
Promise.resolve().then(() => console.log('3')); // 微任务
requestAnimationFrame(() => console.log('4'));  // 动画帧任务
console.log('5');
// 输出顺序通常是：1 → 5 → 3 → 4 → 2

解释：