Was ist ' this ' in JavaScript?

Kernpunkte

• this In JavaScript bezieht sich normalerweise ein Objekt, das die Methode "besitzt", aber es hängt davon ab, wie die Funktion aufgerufen wird.
• Wenn es kein aktuelles Objekt gibt, bezieht sich this auf das globale Objekt. In einem Webbrowser wird es durch window dargestellt.
• Wenn this das globale Objekt aufruft, bezieht sich this jedoch auf eine Instanz des Objekts.
• Sie können den Kontext von call() mit Methoden wie apply(), bind() und this ändern. Diese Methoden rufen die Funktion unter Verwendung des angegebenen this -Wergungs- und Parameter auf.

JavaScript ist eine hervorragende Programmiersprache. Diese Strafe mag vor einigen Jahren umstritten gewesen sein, aber Entwickler haben ihre Schönheit und Eleganz wiederentdeckt. Wenn Sie JavaScript nicht mögen, kann dies daran liegen:

• Sie haben Unterschiede oder Probleme mit der Browser -API aufgetreten - dies ist nicht der Fehler von JavaScript selbst.
• Sie vergleichen es mit einer klassenbasierten Sprache wie C, C#oder Java-und JavaScript verhält sich nicht wie erwartet.

this Schlüsselwörter sind eines der verwirrendsten Konzepte. In den meisten Sprachen ist this ein Verweis auf das aktuelle Objekt, das instanziiert. In JavaScript bezieht sich this normalerweise auf ein Objekt, das die Methode "besitzt", aber es hängt davon ab, wie die Funktion aufgerufen wird.

globaler Bereich

Wenn es kein aktuelles Objekt gibt, bezieht sich this auf das globale Objekt. In einem Webbrowser handelt es sich um ein Objekt auf höchster Ebene, das Dokumente, Standorte, Geschichte und einige andere nützliche Eigenschaften und Methoden darstellt. window

window.WhoAmI = "我是 window 对象";
alert(window.WhoAmI);
alert(this.WhoAmI); // 我是 window 对象
alert(window === this); // true

Aufrufen der Funktion

Wenn Sie eine Funktion aufrufen, behalten Sie das globale Objekt:

this

window.WhoAmI = "我是 window 对象";

function TestThis() {
    alert(this.WhoAmI); // 我是 window 对象
    alert(window === this); // true
}

TestThis();

Aufrufen der Objektmethode

Beim Aufrufen eines Objektkonstruktors oder einer seiner Methoden bezieht sich

auf eine Instanz eines Objekts-genau wie jede klassenbasierte Sprache:

this

window.WhoAmI = "我是 window 对象";

function Test() {
    this.WhoAmI = "我是 Test 对象";

    this.Check1 = function() {
        alert(this.WhoAmI); // 我是 Test 对象
    };
}

Test.prototype.Check2 = function() {
    alert(this.WhoAmI); // 我是 Test 对象
};

var t = new Test();
t.Check1();
t.Check2();

verwenden

oder call apply im Wesentlichen und

JavaScript -Funktionen ausführen, als ob sie die Methode eines anderen Objekts wären. Ein einfaches Beispiel kann weiter erklärt werden:

call apply Der einzige Unterschied besteht darin, dass

eine diskrete Anzahl von Parametern erwartet, während

function SetType(type) {
    this.WhoAmI = "我是 " + type + " 对象";
}

var newObject = {};
SetType.call(newObject, "newObject");
alert(newObject.WhoAmI); // 我是 newObject 对象

var new2 = {};
SetType.apply(new2, ["new2"]);
alert(new2.WhoAmI); // 我是 new2 对象

ein Array von Parametern übergeben kann. Dies ist die kurze Beschreibung von

! Es gibt jedoch einige Dinge, die sich dessen bewusst sind, dass Sie in Schwierigkeiten bringen können. Wir werden diese in meinem nächsten Beitrag besprechen… call apply this FAQs über

in JavaScript

Was sind die Schlüsselwörter in JavaScript? Warum ist es wichtig? this

Das Schlüsselwort

in JavaScript ist ein spezielles Schlüsselwort, das sich auf den Kontext der Aufruffunktion bezieht. Es ist ein Verweis auf das Objekt, zu dem die Funktion gehört. Der Wert von this hängt davon ab, wie die Funktion aufgerufen wird. Dies ist wichtig, da Sie auf die Eigenschaften und Methoden von Objekten in Funktionen zugreifen können, wodurch Ihr Code flexibler und wiederverwendbarer wird. this

Wie funktionieren Schlüsselwörter in verschiedenen Kontexten? this Der Wert von

ändert sich je nach Nutzungskontext. In einer Methode bezieht sich this auf das Eigentümerobjekt. Wenn this allein verwendet, bezieht sich this auf ein globales Objekt. In einer Funktion bezieht sich this auf ein globales Objekt. In einem Ereignis bezieht sich this auf das Element, das das Ereignis erhält.

Können Sie erklären, wie this bei Event -Handlern funktioniert?

In einem Ereignishandler bezieht sich this auf das HTML -Element, das das Ereignis empfängt. Auf diese Weise können Sie auf das Element in der Ereignishandlerfunktion zugreifen und manipulieren. Wenn Sie beispielsweise eine Schaltfläche mit dem Ereignis onclick haben, bezieht sich onclick in der Funktion this auf das Schaltflächenelement.

this Wie verhält es sich in Pfeilfunktionen?

Die Pfeilfunktion verarbeitet this unterschiedlich als die normale Funktion. In der Pfeilfunktion ist this lexikalische gebunden. Dies bedeutet, dass in dem Code, der die Pfeilfunktion enthält, this verwendet. Daher behält this für Pfeilfunktionen den Wert von this bei, der den lexikalischen Kontext einschließt.

Was ist der Unterschied zwischen this in JavaScript und this in anderen Programmiersprachen?

In vielen objektorientierten Programmiersprachen bezieht sich this immer auf eine Instanz der aktuellen Klasse. In JavaScript wird der Wert von this jedoch durch den Ausführungskontext und die Art und Weise, wie die Funktion aufgerufen wird, und nicht durch den Definitionsort der Funktion bestimmt.

Wie kann ich den Kontext von this in einer Funktion ändern?

Sie können den Kontext von call() mit Methoden wie apply(), bind() und this ändern. Die Methoden call() und apply() erziehen die Funktion unter Verwendung des angegebenen this -Werges und Parameter. Der Unterschied zwischen den beiden besteht darin, dass call() eine Parameterliste akzeptiert, während apply() ein einzelnes Parameterarray akzeptiert. Die bind() -Methode gibt eine neue Funktion zurück, mit der Sie die Funktion an ein bestimmtes Objekt binden können.

Was ist der Wert von

im Konstruktor? this

im Konstruktor bezieht sich

auf das neu erstellte Objekt. Wenn Sie eine Instanz eines Objekts mithilfe des Schlüsselworts this erstellen, wird new automatisch auf das neue Objekt eingestellt. this

this Wie verhalten Sie sich im strengen Modus?

im strengen Modus bleibt der Wert von this beim Eingeben des Ausführungskontexts am Wert. Wenn es undefiniert, bleibt es undefiniert. Dies unterscheidet sich vom Nicht-Streng-Modus, wobei this für globale Objekte nicht definiert wird.

this Kann es null oder undefiniert sein?

Ja, this kann null oder undefiniert werden, insbesondere wenn Sie eine Funktion im strengen Modus aufrufen oder call() oder apply() mit undefiniertem oder Null als erstes Argument verwenden.

Was sind die globalen Objekte in JavaScript?

globale Objekte in JavaScript variieren je nach Umwelt. In einem Webbrowser ist das globale Objekt ein window -Objekt. In Node.js ist ein globales Objekt ein globales Objektliteral. Wenn this außerhalb einer Funktion oder Methode verwendet wird, bezieht es sich auf ein globales Objekt.

Das obige ist der detaillierte Inhalt vonWas ist ' this ' in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!