Javascript 未捕获类型错误 : undefined is not a function

Question

我正在尝试使用 Phaser 引擎制作一个简单的游戏，但我不断收到上述错误。

var mainState = {
...
playerJump: function(){
    yVelocity = -jumpPower;
},

spacePressed: function(){
    if(started)
    {
        return;
    }
    started = true;
    this.playerJump();
},      
...
updatePlayer: function(){
    if(player.body.x < game.world.centerX)
    {
        player.body.x += xVelocity;
    }

    player.body.y += yVelocity;
    yVelocity += gravity;

    if(player.body.y + player.body.height > floor)
    {
        this.playerJump();
    }
},

...}

如您所见，我已经定义了函数 playerJump。您在示例中看到的所有变量都已正确定义且有效。当我从“updatePlayer”调用函数“playerJump”时，我没有收到任何错误。但是，如果我尝试从“spacePressed”调用它，我会得到“undefined is not a function exception”。

我使用的引擎是 Phaser，我的所有代码都在一个文件中，如果这有什么不同的话。按下键时，从回调函数调用函数“spacePressed”。从游戏的主更新循环调用“updatePlayer”。

您知道为什么会发生这种情况吗？当我从一个函数而不是另一个函数调用它时，为什么它可以工作？如有必要，很乐意提供更多代码和详细信息。

Answer 1

当你使用对象方法作为事件处理程序或回调函数时，this 将不再引用该对象。

最简单的解决方法:

var mainState = { ... };
element.addEventListener(type, mainState.spacePressed.bind(mainState), false);

可能并非每个浏览器/版本都支持此方法，因此您可以改用此方法:

var mainState = { ... };
element.addEventListener(type, function() {
    mainState.spacePressed.call(mainState);
}, false);