javascript - 为什么这会抛出一个 Uncaught TypeError : Illegal invocation

Question

为什么会抛出“Uncaught TypeError: Illegal invocation”？

function Game () {
    this.reqAnimFrame = window.requestAnimationFrame;

    this.gameLoop = function () {
        this.reqAnimFrame(this.gameLoop); // It's thrown on this line
    };
}

var game = new Game();
game.gameLoop();

Answer 1

当您调用 this.reqAnimFrame 时，window.requestAnimationFrame 的上下文不再是 window，而是变成任何 this 是(在本例中，是 Game 的一个实例)。除非您在正确的上下文中调用它们，否则大多数内置函数都不起作用。 (例如，类似

var func = console.log;
功能(“废话”)；


出于同样的原因，效果也不佳)。

要解决这个问题，您应该只使用原始形式:window.requestAnimationFrame，或者您可以在存储它时将其绑定(bind)到正确的上下文:

this.reqAnimFrame = window.requestAnimationFrame.bind(window);