javascript - Canvas requestAnimationFrame 可能出现 "ghost functions"

Question

我正在使用 requestAnimationFrame()，我想，

假设我有一个函数

function draw(){
  ...
  ...
  requestAnimationFrame(draw);
}

现在假设我调用了 draw() 两次，

draw();
draw();

这是否意味着 2 个不同的循环将异步流动在一起？ 这会导致 RAM 过载或类似情况吗？

Answer 1

requestAnimationFrame(callback) 将回调推送到动画帧堆栈中，这些动画帧将在下一次绘制事件循环迭代期间同时执行 (fifo)。
所以是的，您将运行两个不同的循环，但不是真正的异步。
对于 RAM 来说，函数不是问题，但是您在绘制中执行的操作将在原始中执行两次，而这很少是您想要的。
但拥有两个不同动画循环是正常的用例。