Heim > Web-Frontend > js-Tutorial > Wie wird der „this'-Zeiger in verschachtelten JavaScript-Funktionen aufgelöst?

Wie wird der „this'-Zeiger in verschachtelten JavaScript-Funktionen aufgelöst?

Barbara Streisand
Freigeben: 2024-10-19 06:43:30
Original
661 Leute haben es durchsucht

How Does the

Verhalten des „this“-Zeigers in verschachtelten JavaScript-Funktionen

Diese Frage bezieht sich auf das Verständnis, wie sich der „this“-Zeiger bei der Arbeit mit verschachtelten Funktionen verhält in JavaScript. Beim Verschachteln von Funktionen ist es wichtig zu berücksichtigen, wie der „this“-Zeiger innerhalb jedes Bereichs aufgelöst wird.

Im bereitgestellten Beispielcode wird ein „this“-Zeiger beim Aufruf in der verschachtelten Funktion „doSomeEffects()“ gefunden innerhalb der Funktion „displayMe()“ des Objekts „std_obj“. Überraschenderweise bezieht sich der „this“-Zeiger jedoch wie erwartet auf das „window“-Objekt und nicht auf „std_obj“.

Dies liegt daran, dass der „this“-Zeiger von JavaScript dynamisch an den aufrufenden Kontext gebunden ist, was nicht der Fall ist statisch durch die Funktionsdeklaration bestimmt. Stattdessen wird der „this“-Wert zum Zeitpunkt des Funktionsaufrufs bestimmt.

Wenn die verschachtelte Funktion aufgerufen wird, wird der „this“-Zeiger nicht explizit gesetzt und das Standardverhalten von JavaScript übernimmt. Standardmäßig verweist der „this“-Zeiger auf das globale „window“-Objekt, wenn er ohne expliziten Kontext aufgerufen wird.

Um dieses Problem zu beheben, müssen wir den Kontext für die verschachtelte Funktion explizit festlegen. Dies kann durch die Verwendung der Methoden „call()“ oder „apply()“ erreicht werden. Durch den Aufruf von „doSomeEffects.call(this)“ können wir den „this“-Zeiger manuell an das „std_obj“-Objekt binden.

Sobald der „this“-Zeiger explizit gesetzt ist, können verschachtelte Funktionen auf die Eigenschaften von zugreifen das aufrufende Objekt korrekt. In diesem Fall verweist der „this“-Zeiger in „doSomeEffects“ auf das „std_obj“-Objekt, sodass die verschachtelte Funktion wie vorgesehen funktionieren kann.

Das obige ist der detaillierte Inhalt vonWie wird der „this'-Zeiger in verschachtelten JavaScript-Funktionen aufgelöst?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage