Regular this, Arrow this (knapp mit Aufzählungszeichen versehen)

Liebe Entwickler, ich finde das JavaScript-Schlüsselwort this etwas knifflig, insbesondere in komplexen Szenarien. Um mein Verständnis zu verbessern und sein Verhalten in verschiedenen Kontexten (z. B. beim Überprüfen von Code oder Dokumentation) schnell zu erfassen, habe ich diese prägnante Referenz erstellt.

Wichtige Punkte, die Sie sich merken sollten this:

• Reguläre Funktionen: In Browsern ist bei einer regulären Funktion (function myFunction() {}) der this normalerweise auf das globale window-Objekt festgelegt. In Node.js ist es das globale Objekt. Dies ändert sich nur, wenn es in einem bestimmten Kontext aufgerufen wird:
  • Als Objektmethode.
  • Ausdrücklich gebunden mit .bind(), .call() oder .apply().
• Pfeilfunktionen: Pfeilfunktionen (() => {}) erben ihren this vom Umfang ihrer umgebenden (umschließenden) regulären Funktion (lexikalisches this). Dies ist wichtig zu verstehen.
• Lexikalischer Geltungsbereich (Pfeilfunktionen): Der this einer Pfeilfunktion wird zum Zeitpunkt ihrer Erstellung bestimmt, nicht zur Ausführung. Selbst wenn es sich innerhalb einer Objektmethode befindet, stammt sein this von der nächstgelegenen umschließenden regulären-Funktion.
• Unveränderlichkeit von this: Pfeilfunktionen haben ein festes, unveränderliches this, während reguläre Funktionen this dynamisch sind und mithilfe von Bindungsmethoden geändert werden können.
• Klassenmethoden: In Klassenmethoden (ob regulär oder Pfeil) bezieht sich this immer auf die Instanz der Klasse, die mit new MyClass() erstellt wurde. Dies ist unabhängig vom Funktionstyp konsistent.

Fühlen Sie sich frei, einen Beitrag zu leisten, etwaige Ungenauigkeiten zu korrigieren oder weitere Erkenntnisse hinzuzufügen. Konstruktives Feedback ist immer willkommen!

Das obige ist der detaillierte Inhalt vonRegular this, Arrow this (knapp mit Aufzählungszeichen versehen). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!