


Was bestimmt den Wert von „this', wenn eine Callback-Funktion aufgerufen wird?
Nov 04, 2024 am 03:56 AMWenn der Wert davon festgelegt ist
In JavaScript wird der Wert davon dadurch bestimmt, wie eine Funktion aufgerufen wird. Es gibt sechs primäre Möglichkeiten, dies festzulegen:
- Normaler Funktionsaufruf: Dies wird auf das globale Objekt (z. B. ein Fenster in einem Browser) oder im strikten Modus auf undefiniert gesetzt.
- Methodenaufruf: Dies wird auf das Objekt gesetzt, für das die Methode aufgerufen wird.
- .apply() oder .call(): Dies wird auf das als erstes Argument übergebene Objekt gesetzt.
- new-Operator: Wenn eine Funktion mit new aufgerufen wird, wird ein neues Objekt erstellt und dieses auf dieses Objekt gesetzt.
- .bind(): Erstellt eine neue Stub-Funktion, bei der diese an das als erstes Argument übergebene Objekt gebunden ist.
- ES6 Fat Arrow-Funktion: this ist an den lexikalischen Wert des umschließenden Bereichs gebunden.
Der Fall von Rückruffunktionen
In Ihrem Beispiel:
<code class="javascript">randomFunction(this.sumData.bind(this));</code>
- this.sumData .bind(this) verwendet .bind(), um dies an das obj-Objekt zu binden.
- Folglich wird, wenn randomFunction die Callback-Funktion aufruft, diese aufgrund von .bind() auf obj gesetzt.
- Wenn Sie this.sumData.bind(this) mit callback(data) austauschen würden, würde diese interne randomFunction auf das globale Objekt gesetzt (oder im strikten Modus undefiniert) werden.
Das ist weil Callback als Referenz auf this.sumData.bind(this) übergeben wird, aber wenn randomFunction Callback aufruft, legt es dies gemäß den Regeln eines normalen Funktionsaufrufs fest.
Das obige ist der detaillierte Inhalt vonWas bestimmt den Wert von „this', wenn eine Callback-Funktion aufgerufen wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Heißer Artikel

Hot-Tools-Tags

Heißer Artikel

Heiße Artikel -Tags

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Ersetzen Sie Stringzeichen in JavaScript

Benutzerdefinierte Google -Search -API -Setup -Tutorial

8 atemberaubende JQuery -Seiten -Layout -Plugins

Erstellen Sie Ihre eigenen AJAX -Webanwendungen

10 JavaScript & JQuery MVC -Tutorials
