javascript - 代码如何检测是否在动画帧内运行？

Question

如果将某个函数传递给 requestAnimationFrame()，该函数如何检测到它是在动画帧内调用的？

现在

function someFunction() {
  if (/* What goes here? */) {
    console.log('Inside animation frame.')
  }
  else {
    console.log('Not inside animation frame.')
  }
}

// The following lines should not be modified for the answer.
someFunction() // logs "Not inside animation frame."
requestAnimationFrame(someFunction) // eventually logs "Inside animation frame."

不应修改最后两行。我很想知道我是否可以在不需要用户记住以两种不同方式使用该功能的情况下检测到这种情况。最终用户应该像平常一样使用函数，而不知道我的函数检测到用例。

Answer 1

目前无法在 Javascript 中获取调用代码的上下文，因此除非更改 requestAnimationFrame()，否则您无法执行所需的操作，但值得庆幸的是您可以这样做。试试这个...

// save a reference to the existing method and then override it...
window._requestAnimationFrame = window.requestAnimationFrame;
window.requestAnimationFrame = function(callback) {
	return window._requestAnimationFrame(function() {
		callback(true);
	});
}

function someFunction() {
	if (arguments.length && arguments[0]) {
		console.log('Inside animation frame.')
	}
	else {
		console.log('Not inside animation frame.')
	}
}

someFunction();
requestAnimationFrame(someFunction);