Eines der herausforderndsten und am häufigsten verwendeten Konzepte in JavaScript ist das „ Dies ' Stichwort. JavaScript verwendet das „ Dies ” Schlüsselwort anders als in anderen Sprachen. Es ist jedoch unerlässlich, um fortgeschritteneren JavaScript-Code zu erstellen. Als Anfänger könnte es für Sie etwas schwierig sein, die Verwendung des genannten Schlüsselworts zu verstehen, aber keine Sorge!
Dieser Beitrag erklärt die „ Dies ” Schlüsselwort und seine Verwendung in JavaScript.
Was ist „this“ in JavaScript?
„ Dies “ ist das Schlüsselwort in JavaScript, das sich auf ein Objekt bezieht, das den vorhandenen Codeblock ausführt. Es stellt ein Objekt dar, das die aktuelle Funktion aufruft. Es wird in mehreren Szenarien auf unterschiedliche Weise verwendet, z. B.:
-
- In Methode
- Im Eventhandling
- Bei Funktionen
Schauen wir uns jede der genannten Verwendungen einzeln an!
Wie verwende ich „this“ in JavaScript-Methoden?
„ Dies “ wird in JavaScript-Methoden als implizite Bindung verwendet. Wenn die Funktion mit Hilfe eines Objekts und eines Punkts aufgerufen wird, gilt dies als implizite Bindung, und „ Dies “ weist während des Funktionsaufrufs auf das Objekt hin.
Beispiel
Zuerst erstellen wir ein Objekt mit einigen Eigenschaften und einer Methode und verwenden dann das „ Dies ” Schlüsselwort, um die Werte der Eigenschaften des Objekts zu erhalten:
var personInfo = {
Name: 'John' ,
das Alter : zwanzig ,
die Info: Funktion ( ) {
Konsole.log ( 'Hy! Ich bin' + dieser.name + ' und ich bin ' + dieses.alter + 'Jahre alt' ) ;
}
}
Rufen Sie als Nächstes die „ die Info() ”-Methode zusammen mit dem Objektnamen:
Es ist ersichtlich, dass die angegebenen Eigenschaftswerte des aktuellen Objekts erfolgreich angezeigt werden:
Wenn Sie „ Dies ” Befolgen Sie bei der Ereignisbehandlung den folgenden Abschnitt.
Wie verwendet man „this“ in der JavaScript-Ereignisbehandlung?
Sehen Sie sich in diesem Beispiel die Verwendung von „ Dies ” Schlüsselwort in der Ereignisbehandlung. Betrachten Sie dazu ein Beispiel, in dem wir unsere Schaltfläche mit einem einzigen Klick ausblenden. Erstellen Sie dazu eine Schaltfläche und fügen Sie ein „ onclick() “ Ereignis damit, um auf die Eigenschaft style.display mit dem „ Dies ” Schlüsselwort, das die Schaltfläche ausblendet, wenn sie angeklickt wird:
< h3 > Klicken Sie auf , um die Schaltfläche auszublenden h3 >< Taste anklicken = 'this.style.display='none'' > Klicken Sie hier ! Taste >
Ausgabe
Wenn Sie sich über die Verwendung von „ Dies ” Schlüsselwort in benutzerdefinierten Funktionen in JavaScript, folgen Sie dem angegebenen Abschnitt.
Wie verwende ich „this“ in JavaScript-Funktionen?
Während dem Benutzen ' Dies ” in 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 Default Binding
Bei der Standardbindung ist das „ Dies ” Schlüsselwort fungiert als globales Objekt. Es wird hauptsächlich in eigenständigen Funktionen verwendet.
Lassen Sie uns das genannte Konzept anhand eines Beispiels verstehen.
Zuerst erstellen wir eine Variable „ x “ und weist ihm den Wert „ fünfzehn “:
var x = fünfzehn ;
Definieren Sie dann eine Funktion mit dem Namen „ FunktionsDB() ” und seiner Funktionsdefinition, erstellen Sie eine Variable mit dem gleichen Namen “ x ” und ihm einen Wert zuweisen “ 5 “, dann drucken Sie seinen Wert mit dem „ Konsole.log() ” Methode mit “ Dies ' Stichwort:
var x = 5 ;
Konsole.log ( dies.x ) ;
}
Rufen Sie zum Schluss die „ FunktionsDB() ” Funktion:
Aufgrund der Nutzung des „ Dies ” Schlüsselwort, zeigt die Ausgabe den Wert von “ x ' wie ' fünfzehn ” weil es als globales Objekt agiert und der Prozess heißt “ Dynamische Bindung “:
Beispiel 2: Verwendung dieses Schlüsselworts in der impliziten Bindung
Wenn die Funktion von einem Objekt oder einem Punktsymbol aufgerufen wird, „ Dies ” Schlüsselwort fungiert als implizite Bindung. Es weist während des Funktionsaufrufs auf das Objekt hin.
In diesem Beispiel definieren wir eine Funktion „ die Info() “ und verwenden Sie die „ Dies ” Schlüsselwort in der Funktionsdefinition:
Funktion die Info ( ) {Konsole.log ( 'Hy! Ich bin' + dieser.name + ' und ich bin ' + dieses.alter + 'Jahre alt' )
}
Erstellen Sie dann ein Objekt mit dem Namen „ PersonInfo ” mit definierten Eigenschaften:
Name: 'John' ,
das Alter : zwanzig ,
Infos: Infos
}
Rufen Sie nun die Funktion Along Objekt auf:
Ausgabe
Beispiel 3: Verwendung dieses Schlüsselworts in der expliziten Bindung
Explizite Bindung wird auch als „ harte Bindung ” weil die Funktion zwangsweise aufgerufen wird, um ein bestimmtes Objekt für “ Dies ” Bindung, ohne eine Eigenschaftsfunktionsreferenz auf das Objekt zu setzen. Dazu können die Methoden call(), apply() und bind() verwendet werden.
Wir werden jetzt dieselbe Funktion mit dem Namen „ die Info() “ im vorherigen Beispiel definiert. Erstellen Sie dann ein Objekt mit dem Namen „ PersonInfo “ mit folgenden Werten:
var personInfo = {Name: 'John' ,
das Alter : zwanzig
}
Zum Aufrufen der Funktion namens „ die Info() “, verwenden wir das „ Anruf() ”-Methode und übergeben Sie das erstellte Objekt als Argument:
Da die info() nicht Teil des Objekts ist, haben wir trotzdem explizit darauf zugegriffen:
Für den expliziten Aufruf einer Funktion können Sie auch die Methoden apply() und bind() verwenden. Die apply()-Methode ist identisch mit der call()-Methode, während die bind()-Methode eine neue Funktion mit demselben Rumpf und Gültigkeitsbereich erstellt, die sich genauso verhält wie die ursprüngliche Funktion. Die Methode bind() kann verwendet werden, um eine Funktion zurückzugeben, die Sie später verwenden können.
Verwenden Sie zum Aufrufen von info() mit der apply()-Methode die folgende Anweisung:
info.bewerben ( PersonInfo ) ;
Es gibt die gleiche Ausgabe wie die Methode call():
Für den Anruf ' die Info() ' mit dem ' binden() ”-Methode verwenden Sie die gegebene Anweisung:
Ausgabe
Wir haben alle wesentlichen Informationen rund um das Thema „ Dies ' Stichwort.
Fazit
„ Dies “ ist das Schlüsselwort in JavaScript, das sich auf ein Objekt bezieht, das den vorhandenen Codeblock ausführt. Es stellt das Objekt dar, das die aktuelle Funktion aufruft. Es wird in mehreren Szenarien auf unterschiedliche Weise verwendet, einschließlich Methoden, Ereignisbehandlung und Funktionen. In diesem Beitrag haben wir die „ Dies ” Schlüsselwort in JavaScript.