Warum ist die Bind()-Methode in JavaScript unerlässlich?

Warum ist JavaScript bind() notwendig?

Problem und Lösung

In JavaScript Das Schlüsselwort this bezieht sich auf das Objekt, für das eine Funktion aufgerufen wird. Wenn jedoch eine Funktion einer Variablen zugewiesen und dann indirekt aufgerufen wird, kann dieser Wert unvorhersehbar sein. Dies kann zu Fehlern wie „Dies ist undefiniert“ oder „Dies ist das globale Objekt“ führen.

Um dieses Problem zu beheben, stellt JavaScript die Methode bind() bereit. Durch den Aufruf von bind(object) können Sie diesen Wert explizit für die Funktion festlegen, auch wenn sie später aufgerufen wird. Dadurch wird verhindert, dass sich dieser Wert unerwartet ändert.

Warum das Problem auftritt

Wie bereits erläutert, wird der Wert von this durch den Aufrufkontext bestimmt. Wenn eine Funktion direkt aufgerufen wird, ist dieser Wert einfach das Objekt, für das sie aufgerufen wird. Wenn eine Funktion jedoch einer Variablen zugewiesen wird, verliert sie ihren ursprünglichen Aufrufkontext.

Beispiel 1

<code class="js">this.name = "John";

var myName = {
  name: "Tom",
  getName: function() {
    return this.name
  }
}

var storeMyName = myName.getName;</code>

In Beispiel 1 ist „storeMyName“ eine Referenz auf die getName-Funktion. Wenn storeMyName aufgerufen wird, verliert es seinen ursprünglichen Kontext innerhalb des myName-Objekts. Daher bezieht sich dieser Insider „storeMyName“ auf das globale Objekt, nicht auf das myName-Objekt.

Lösung (bind)

<code class="js">var storeMyName2 = myName.getName.bind(myName);</code>

In Beispiel 2 wird bind() verwendet um diesen Wert für getName explizit auf das myName-Objekt zu setzen. Dadurch wird sichergestellt, dass beim Aufruf von storeMyName2 auf das myName-Objekt und nicht auf das globale Objekt verwiesen wird.

Warum Beispiel 3 das Problem löst

<code class="js">var storeMyName3 = myName.getName();</code>

Beispiel 3 unterscheidet sich von den anderen dadurch, dass es einer Variablen keine Funktion zuweist. Stattdessen ruft es myName.getName() direkt auf und speichert das Ergebnis in storeMyName3. Das bedeutet, dass „storeMyName3“ keine Funktion ist, sondern der von der Funktion „getName“ zurückgegebene Wert. Daher muss man sich um diesen Wert keine Sorgen machen.

Das obige ist der detaillierte Inhalt vonWarum ist die Bind()-Methode in JavaScript unerlässlich?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!