जावास्क्रिप्ट वस्तु, आत्म संदर्भ समस्या

मैंने अभी जावास्क्रिप्ट में ओओपी का उपयोग करना शुरू किया है और मैं किसी अन्य विधि के अंदर से एक विधि को प्राप्त करने की कोशिश कर रहे कुछ समस्याओं में भाग गया।

यहाँ मेरे पास कोड है:

var Game = {
initialize: function () {
    if (canvas.isSupported()) {
        sprites[0] = new Player();

        this.update();
    }
},

update: function() {
    for (var i = 0; i < sprites.length; i++) {
        sprites[i].update();
    }

    this.draw();
},

draw: function() {
    this.clear();

    for (var i = 0; i < sprites.length; i++) {
        sprites[i].draw();
    }

    setTimeout(this.update, 10);
},

clear: function() {
    canvas.context.clearRect(0, 0, canvas.element.width, canvas.element.height);
}

}

लेकिन Game.update() को कॉल करना एक त्रुटि देता है कि ड्रा विधि परिभाषित नहीं है। मुझे इसका कोई वास्तविक समाधान नहीं मिला। अंततः मुझे यह मिला /ए> जहां उत्तर ऐसा प्रतीत होता है कि मुझे इस संदर्भ को सुरक्षित करने की आवश्यकता है जैसे: var _this = this; लेकिन मैं इसे शाब्दिक संकेतन में काम करने के लिए नहीं मिला, इसलिए मैंने कोड को ऑब्जेक्ट कन्स्ट्रक्टर में बदल दिया (मुझे लगता है कि इसे कैसे कहा जाता है) और चर जोड़ा।

मैं फिर बदल गया

this.draw();

प्रति

_this.draw();

और यह काम किया।

हालांकि

this.clear();

और यह अद्यतन() अभी भी वही हैं, वे पहली जगह में त्रुटियां नहीं देते थे।

क्या कोई समझा सकता है कि ऐसा क्यों है? और शायद मुझे एक बेहतर समाधान के लिए इंगित करें? अग्रिम में धन्यवाद।

अपडेट करें

यहाँ यह क्या होना चाहिए:

var Game = function () {
var _this = this;

this.initialize = function () {
    if (canvas.isSupported()) {
        sprites[0] = new Player();

        this.update();
    }
}

this.update = function () {
    for (var i = 0; i < sprites.length; i++) {
        sprites[i].update();
    }

    this.draw();
}

this.draw = function () {
    this.clear();

    for (var i = 0; i < sprites.length; i++) {
        sprites[i].draw();
    }


    setTimeout(function () { _this.update(); }, 10);
}

this.clear = function () {
    canvas.context.clearRect(0, 0, canvas.element.width, canvas.element.height);
}

}