JavaScript this | Erklärt
Eines der herausforderndsten und am häufigsten verwendeten Konzepte in JavaScript ist das “Das" Stichwort. JavaScript verwendet das “DasSchlüsselwort anders als andere Sprachen. Es ist jedoch wichtig, einen fortgeschritteneren JavaScript -Code zu erstellen. Als Anfänger könnte es für Sie irgendwie schwierig sein, die Verwendung des genannten Schlüsselworts zu verstehen, aber keine Sorgen!
Dieser Beitrag wird das erklären "DasSchlüsselwort und seine Verwendung in JavaScript.
Was ist „das“ in JavaScript?
“DasIst das Schlüsselwort in JavaScript, das sich auf ein Objekt bezieht, das den vorhandenen Codeblock ausführt. Es repräsentiert ein Objekt, das die aktuelle Funktion anruft. Es wird in mehreren Szenarien auf unterschiedliche Weise verwendet, wie zum Beispiel:
-
- In der Methode
- Bei der Event -Handhabung
- In Funktionen
Lassen Sie uns jeden der genannten untersuchen, die einzeln nacheinander verwendet werden!
So verwenden Sie "dies" in JavaScript -Methoden?
“Das”Wird in JavaScript -Methoden als implizite Bindung verwendet. Wenn die Funktion mit Hilfe eines Objekts und eines Punktes aufgerufen wird, wird sie als implizite Bindung angesehen und “Das”Weist auf das Objekt während des Funktionsaufrufs hin.
Beispiel
Zuerst erstellen wir ein Objekt mit einigen Eigenschaften und einer Methode und verwenden dann die “DasSchlüsselwort, um die Werte der Eigenschaften des Objekts zu erhalten:
var personinfo =
Name: "John",
Alter: 20,
info: function ()
Konsole.log ("hy! Ich bin " + das.Name + "und ich bin" + das.Alter + "Jahre alt");
Als nächstes rufen Sie das an “die Info()Methode zusammen mit Objektnamen:
Personinfo.die Info();
Es ist ersichtlich, dass die angegebenen Eigenschaftswerte des aktuellen Objekts erfolgreich angezeigt werden:
Wenn Sie verwenden möchten “DasFolgen Sie im folgenden Abschnitt in der Ereignisbehandlung.
So verwenden Sie "dies" in der Handhabung von JavaScript -Ereignissen?
Überprüfen Sie in diesem Beispiel die Verwendung der “DasSchlüsselwort bei der Ereignisbehandlung. Betrachten Sie ein Beispiel, in dem wir unsere Schaltfläche mit einem einzigen Klick verbergen werden. Erstellen Sie dazu eine Schaltfläche und fügen Sie eine "an"Onclick ()Ereignis mit ihm, um auf den Stil zuzugreifen.Eigenschaft mit der “anzeigenDasKeyword, mit dem die Schaltfläche ausgeblendet wird, wenn Sie klicken:
Klicken Sie hier, um die Schaltfläche auszublenden
Ausgang
Wenn Sie über die Verwendung des “verwirrt sind“DasSchlüsselwort in benutzerdefinierten Funktionen in JavaScript folgen Sie dem angegebenen Abschnitt.
So verwenden Sie "dies" in JavaScript -Funktionen?
Während dem Benutzen "DasIn Funktionen gibt es drei Arten von Bindungen in JavaScript, darunter:
-
- Standardbindung
- Implizite Bindung
- Explizite Bindung
Lassen Sie uns sie einzeln verstehen!
Beispiel 1: Verwendung dieses Schlüsselworts in der Standardbindung
In der Standardbindung die “DasSchlüsselwort fungiert als globales Objekt. Es wird hauptsächlich in eigenständigen Funktionen verwendet.
Verstehen wir das angegebene Konzept mit einem Beispiel.
Erstens werden wir eine Variable erstellen “X”Und weisen Sie ihm den Wert zu“15”:
var x = 15;
Definieren Sie dann eine Funktion namens “functiondb ()"Und seine Funktionsdefinition erstellen Sie eine Variable mit demselben Namen"X”Und weisen Sie ihm einen Wert zu“5"Drucken Sie dann seinen Wert mit dem" aus "aus"Konsole.Protokoll()”Methode mit“Das" Stichwort:
var functionDB = function ()
var x = 5;
Konsole.Protokoll (dies.X);
Zuletzt nennen Sie das "functiondb ()Funktion:
functionDB ();
Aufgrund der Verwendung der “DasSchlüsselwort, die Ausgabe zeigt den Wert von “anX" als "15"Weil es als globales Objekt fungiert und der Prozess genannt wird"Dynamische Bindung”:
Beispiel 2: Verwendung dieses Schlüsselworts in der impliziten Bindung
Wenn die Funktion von einem Objekt oder einem Punktsymbol aufgerufen wird, “DasSchlüsselwort wirkt als implizite Bindung. Es weist auf das Objekt während des Funktionsaufrufs hin.
In diesem Beispiel werden wir eine Funktion definieren “die Info()"Und benutze das"DasSchlüsselwort in der Funktionsdefinition:
Funktion info ()
Konsole.log ("hy! Ich bin " + das.Name + "und ich bin" + das.Alter + "Jahre alt")
Erstellen Sie dann ein Objekt namens “Personinfo”Mit definierten Eigenschaften:
var personinfo =
Name: "John",
Alter: 20,
Info: Info
Rufen Sie nun die Funktion entlang des Objekts auf:
Personinfo.die Info();
Ausgang
Beispiel 3: Verwendung dieses Schlüsselworts in explizite Bindung
Eine explizite Bindung wird auch genannt “harte Bindung"Da die Funktion zwangs aufgerufen wird, um ein bestimmtes Objekt für" zu verwenden "DasBindung, ohne eine Eigenschaftsfunktion Referenz auf das Objekt zu setzen. Zu diesem Zweck können Methoden Call (), Apply () und Bind () verwendet werden.
Wir werden nun dieselbe Funktion namens benutzen “die Info()Im vorherigen Beispiel definiert. Erstellen Sie dann ein Objekt namens “Personinfo”Mit den folgenden Werten:
var personinfo =
Name: "John",
Alter: 20
Zum Aufrufen der mit dem Namen "genannten Funktion“die Info()"Wir werden die" verwenden "Forderung()Methode und übergeben Sie das erstellte Objekt als Argument:
die Info.Rufen Sie an (PersonInfo);
Da die info () nicht Teil des Objekts ist, haben wir immer noch explizit darauf zugegriffen:
Um eine Funktion explizit aufzurufen, können Sie auch die Methoden apply () und bind () verwenden. Die Methode apply () ist mit der Methode call () identisch, während die Methode Bind () eine neue Funktion mit demselben Körper und Umfang erstellt, das sich auf die gleiche Weise wie die ursprüngliche Funktion verhält. Die Methode Bind () kann verwendet werden, um eine Funktion zurückzugeben, die Sie später verwenden können.
Für die Anrufe info () mit der Methode apply () verwenden Sie die folgende Anweisung:
die Info.bewerben (PersonInfo);
Es gibt die gleiche Ausgabe wie die CALL () -Methode ergibt:
Für den Anruf "die Info()" mit dem "binden()Methode, verwenden Sie die angegebene Aussage:
die Info.binden (PersonInfo);
Ausgang
Wir haben alle wesentlichen Informationen im Zusammenhang mit der “zusammengestellt“Das" Stichwort.
Abschluss
“DasIst das Schlüsselwort in JavaScript, das sich auf ein Objekt bezieht, das den vorhandenen Codeblock ausführt. Es repräsentiert das Objekt, das die aktuelle Funktion anruft. Es wird in mehreren Szenarien auf unterschiedliche Weise verwendet, einschließlich Methoden, Ereignisbehandlungen und Funktionen. In diesem Beitrag haben wir das erklärt “DasSchlüsselwort in JavaScript.