Question

我正在尝试学习一些'高级'Javascript，所以我想我会制作一个简单的打字游戏。不幸的是，我早已陷入困境，我认为这是一个愚蠢的错误，我完全忽略了某些事情。这是我的代码：

var TypingTest = new function() {

    this._playing = false;

    this.Play = function() {
        this._playing = true;
    }
    this.Stop = function() {
        this._playing = false;
    }

    $(document).keydown(function(e) {
        if(this._playing) {
                    // Reference point
            console.log(e);
        }
    });
}

问题是，无论我将_playing变量实例化为什么，都不会达到“参考点”。 this._playing总是undefined，我没有丝毫的线索。是范围吗？这是保护吗？它打败了我！

编辑：我有jQuery导入和工作。如果我取出if块，游戏运行正常。

谢谢！

Answer 1

问题是您的活动超出了范围，您事件中的this指的是文档而不是您的对象。您可以通过在局部变量that中缓存对象的引用来解决此问题：

var TypingTest = new function() {
    ...
    var that = this;
    ...
    $(document).keydown(function(e) {
        if(that._playing) {
                    // Reference point
            console.log(e);
        }
    });
}

Javascript单例功能无法正常工作

1 个答案: