为什么window.requestAnimationFrame仅执行一次step函数？

• window.requestAnimationFrame() 本身是单次触发的API：你每调用一次该方法，只会在下一次浏览器重绘前执行一次传入的回调函数，执行完成后就不会再主动触发，没有内置的自动循环调用逻辑。
• 你当前的代码仅在全局作用域调用了一次requestAnimationFrame(step)，所以step函数只会执行一次，自然只会打印一次timestamp。

如果要实现和浏览器刷新率同步的持续调用（通常为每秒60次左右），需要在step函数内部再次调用requestAnimationFrame注册下一次的回调，形成递归循环：

function step(timestamp) { 
  console.log(timestamp)
  // 新增下面这行，注册下一次重绘前的回调
  window.requestAnimationFrame(step)
}
window.requestAnimationFrame(step)

内容的提问来源于stack exchange，提问作者user16727914