Wie kann ich innerhalb eines „setInterval'-Rückrufs in JavaScript auf die richtige Objektinstanz zugreifen?

Zugriff darauf aus setInterval in JavaScript

Beim Arbeiten mit setInterval() in JavaScript kann es schwierig werden, auf die richtige Instanz von zuzugreifen das Objekt innerhalb der Callback-Funktion. Dieses Problem tritt auf, wenn die Rückruffunktion eine Methode des Objekts ist und das Schlüsselwort this aufgrund der Art und Weise, wie JavaScript die Ereignisbehandlung verarbeitet, nicht auf die gewünschte Instanz verweist.

Um diese Einschränkung zu überwinden, untersuchen wir eine Lösung die die bind()-Methode verwendet, um die Rückruffunktion an die richtige Objektinstanz zu binden.

Betrachten Sie das folgende Beispiel:

prefs: null,
startup : function()
    {
        // init prefs
        ...
        this.retrieve_rate();
        this.intervalID = setInterval(this.retrieve_rate, this.INTERVAL);
    },

retrieve_rate : function()
    {
        var ajax = null;
        ajax = new XMLHttpRequest();
        ajax.open('GET', 'http://xyz.example', true);
        ajax.onload = function()
        {
            // access prefs here
        }
    }

In diesem Beispiel Das Ziel besteht darin, über den Onload-Handler der AJAX-Anfrage auf die Prefs-Eigenschaft des Objekts zuzugreifen. Das Standardverhalten von JavaScript führt jedoch dazu, dass dies auf das Fensterobjekt innerhalb der Onload-Funktion verweist.

Um dieses Problem zu beheben, können wir die Methode bind() verwenden, um die Funktion „retrie_rate“ an die aktuelle Objektinstanz zu binden. Dadurch wird sichergestellt, dass beim Aufruf der Onload-Funktion das Schlüsselwort this auf das richtige Objekt verweist.

this.intervalID = setInterval(this.retrieve_rate.bind(this), this.INTERVAL);

Durch die Änderung des Codes auf diese Weise stellen wir sicher, dass sich dieser beim Onload auf die richtige Objektinstanz bezieht Die Funktion wird aufgerufen, sodass wir wie gewünscht auf die Prefs-Eigenschaft zugreifen können.

Das obige ist der detaillierte Inhalt vonWie kann ich innerhalb eines „setInterval'-Rückrufs in JavaScript auf die richtige Objektinstanz zugreifen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!