这个JavaScript代码不应该不起作用吗？

Question

所以，我有一些用于画布动画的JS代码：

function animate() {
requestAnimationFrame(animate);
c.clearRect(0, 0, canvas.width, canvas.height;
}

由于requestAnimationFrame位在代码的其余部分之前，这不应该是一个无限的空循环，它不会在函数内部运行任何代码吗？它显然不是，因为代码的其余部分可以工作，但我的问题是为什么？

Answer 1

requestAnimationFrame（rAF）不会立即调用您的函数。它安排它在浏览器绘制下一帧之前被调用（有点像setTimeout调度在[大约]给定的毫秒数之后调用的函数）。所以这段代码正在做的是设置一个将为每个帧调用的处理程序。

因此假设在某个时刻调用animate来启动该过程，它就像这样：

1. animate被调用
   • 它呼叫rAF在下一帧之前安排一个电话
   • 清除矩形
2. 浏览器达到即将渲染帧的程度
   • 浏览器调用animate
     • 见＃1