Wie verhält sich der \'this\'-Zeiger in verschachtelten JavaScript-Funktionen?

"this"-Zeigerverhalten in verschachtelten Javascript-Funktionen

Beim Definieren einer verschachtelten Funktion innerhalb einer Methode eines Objekts ist es wichtig zu verstehen, wie Der „this“-Zeiger funktioniert in diesem Kontext. Betrachten Sie den folgenden Codeausschnitt:

<code class="javascript">var std_obj = {
  options: { rows: 0, cols: 0 },
  activeEffect: "none",
  displayMe: function () {

    // "this" refers to std_obj
    if (this.activeEffect == "fade") { }

    var doSomeEffects = function () {

      // "this" refers to the window object
      if (this.activeEffect == "fade") { }

    }

    doSomeEffects();
  }
};

std_obj.displayMe();</code>

In diesem Szenario verweist der „this“-Zeiger auf das „window“-Objekt innerhalb der verschachtelten Funktion „doSomeEffects()“, entgegen der Erwartung, auf die er verweisen sollte das „std_obj“-Objekt. Um dieses Verhalten zu erklären, müssen wir uns mit der Natur des „this“-Zeigers von Javascript befassen.

In Javascript wird der „this“-Zeiger durch die Art und Weise bestimmt, wie Funktionen aufgerufen werden. Es gibt drei Hauptmethoden:

• Methodenaufruf: someObject.someFunction(arg1, arg2) – „this“ wird „someObject“ zugewiesen.
• Funktionsaufruf: someFunction.call(someObject, arg1, arg2) – „this“ wird „someObject“ zugewiesen.
• Function Apply: someFunction.apply(someObject, [arg1, arg2]) – „this“ wird „someObject“ zugewiesen.

Im Szenario mit verschachtelten Funktionen wird die Funktion „doSomeEffects()“ aufgerufen, ohne das „this“-Objekt anzugeben. Folglich verweist der „this“-Zeiger standardmäßig auf das globale Objekt, typischerweise das „window“-Objekt. Um sicherzustellen, dass „this“ auf das gewünschte Objekt verweist, sollte die Methode „std_obj.displayMe()“ explizit den „this“-Zeiger für „doSomeEffects()“ setzen.

Durch das Verständnis der Prinzipien, die „this“ regeln, sollte "-Zeiger können Entwickler unerwartetes Verhalten verhindern und Code erstellen, der den Best Practices entspricht.

Das obige ist der detaillierte Inhalt vonWie verhält sich der \'this\'-Zeiger in verschachtelten JavaScript-Funktionen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!