Was ist der Ausführungskontext in JavaScript?

Möglicherweise haben Sie lange Zeit in JavaScript codiert und die Verwendung der Logik für einen bestimmten Betrieb kennen, haben Sie jedoch jemals darüber nachgedacht, wie eine Funktion oder Variable die Informationen zu ihrer Umgebung beibehält?

Die JavaScript -Engine führt die gesamte Magie im Hintergrund durch, indem er erstellt wirdAusführungskontext”. Es ermöglicht auch die JavaScript -Engine, die Codekomplexität für die Ausführungsaufgabe zu steuern.

Dieses Schreiben erklärt den Ausführungskontext und seine Typen in JavaScript. So lass uns anfangen!

Was ist der Ausführungskontext in JavaScript?

Im Ausführungskontext der Begriff “Ausführung”Bezieht sich auf den Prozess der Ausführung des Codes und“KontextGibt die Umgebung für die Ausführung an. Wenn wir beide Begriffe zusammenstellen, haben wir also eine Definition erhalten, in der der Ausführungskontext Informationen zur Umgebung enthält, in der der Code gespeichert und ausgeführt wird.

Der Kontext der Ausführung von JavaScript enthält drei verschiedene Typen:

• Globaler Ausführungskontext: Der javaScript -Global Execution -Kontext wird standardmäßig erstellt.
• Funktionsausführung Kontext: Der Kontext der Funktionsausführung wird erstellt, wenn eine Funktion in den angegebenen Code aufgerufen wird.
• Eval Execution contexT: An "eval ()Die Funktion erstellt Eval Execution -Kontext.

Wir werden die Arten des Ausführungskontexts in den folgenden Abschnitten durchlaufen.

Notiz: Wir verwenden ein JavaScript -Visualizer -Tool, das von der UI entwickelt wurde.Dev zur Visualisierung des Ausführungskontexts in JavaScript visualisieren.

Globaler Ausführungskontext in JavaScript

Wenn die JS -Engine ein Programm ausführt, wird der anfängliche Ausführungskontext erstellt. Aber vorher schafft es einen neuen Ausführungskontext, der als "bekannt ist"Globaler Ausführungskontext" oder der "Standardkontext”. Sie wissen möglicherweise.

Öffnen Sie den JavaScript Visualizer und klicken Sie ohne Hinzufügen von Code auf die “LaufenSchaltfläche von der linken Seite des Bildschirms:

Wie Sie sehen können, wird der globale Ausführungskontext standardmäßig erstellt:

Jeder Ausführungskontext (einschließlich des globalen Ausführungskontexts) umfasst die folgenden zwei Objekte:

• Globales Objekt: Ein globales Objekt enthält Funktionen und Variablen, die in der aktuellen Umgebung zugänglich sind. Es wird auch als "bezeichnet"FensterObjekt im Browser.
• "Dieses" Objekt: "DasSchlüsselwort weist auf das aktuelle Objekt im Ausführungskontext hin.

Im folgenden Abschnitt werden verschiedene Phasen des globalen Ausführungskontexts in JavaScript erörtert.

Phasen des globalen Ausführungskontexts in JavaScript

In JavaScript gibt es zwei Phasen des globalen Ausführungskontexts: Schaffung Und Ausführung.

Schöpfungsphase des globalen Ausführungskontexts in JavaScript

Wie bereits erwähnt, wird der globale Ausführungskontext standardmäßig erstellt, wenn die JavaScript -Engine zum ersten Mal ein Skript oder Programm ausführt. Es ist als die Erstellungsphase des Global Execution -Kontextes von JavaScript bekannt.

Die Erstellungsphase des globalen Ausführungskontexts führt die folgenden Operationen aus:

• Fenster/globales Objekt: In der Erstellungsphase wird ein globales Objekt erstellt, das die Informationen zu den Variablen, Funktionen und ihrer inneren Erklärung enthält.
• dieses Objekt: "DasDas Objekt wird erstellt, das auf das Fenster oder das globale Objekt hinweist.
• Variablen: In der Erstellungsphase werden Variablen mit einem initialisiertnicht definiert" Wert.
• Funktionen: Funktionen werden in der Erstellungsphase nur deklariert und initialisiert.

Schauen wir uns nun die Arbeit der Erstellungsphase mit Hilfe eines Beispiels an.

Beispiel: Erstellungsphase des globalen Ausführungskontexts in JavaScript

Wir werden zwei Variablen erstellen “X" Und "y”, Mit den folgenden Werten:

var x = 3;
var y = 2;

Als nächstes eine Funktion namens “Produkt"Ist definiert, was akzeptiert"N1" Und "N2Parameter:

Funktionsprodukt (N1, N2)
return n1 * n2;

Jetzt werden wir den oben gegebenen Code in den JavaScript Visualizer hinzufügen und auf die “klickenLaufen”Option, um den globalen Ausführungskontext anzuzeigen:

Wenn die JS -Engine das angegebene Programm ausführt, speichert und setzt sie das “X" Und "y"Variablenwerte als"nicht definiert"Und dann die Funktion deklarieren"Produkt()”Im globalen Ausführungskontext:

Der globale Ausführungskontext wird sich dem auf die zu bewegenAusführungsphase”Wenn die Erstellungsphase ihre angegebenen Operationen abschließt.

Ausführungsphase des globalen Ausführungskontexts in JavaScript

Während der Ausführungsphase, Die JS -Engine führt den Code nacheinander aus, führt dann den Wertzuweisungsvorgang für die Variablen aus und führt zuletzt die hinzugefügten Funktionsaufrufe aus.

Funktionsausführung Kontext in JavaScript

Ein neuer "Funktionsausführung Kontext”Wird für jeden Funktionsaufruf erstellt. Der Kontext der Funktionsausführung verhält sich ähnlich wie der Kontext der globalen Ausführung. Anstatt jedoch eine zu deklarieren "globales Objekt"Die JavaScript -Engine erstellt eine"Argumente”Objekt, das die Parameter einer Funktion enthält Referenzen.

Beispiel: Funktionsausführung Kontext in JavaScript

Im gleichen Beispiel werden wir die folgende Zeile hinzufügen, um das aufzurufenProdukt()”Funktion beim Bestehen“X" Und "y”Als Argumente:

Produkt(X,y);

Der JavaScript Visualizer zeigt die Änderungen im globalen Ausführungskontext:

Jetzt wird ein neuer Funktion zur Ausführung von Funktionen erstellt, die die Erstellungs- und Ausführungsphasen umfasst. Es hat auch ein einzigartiges Objekt namens “Argumente”. Der Wert an die “übergeben“Produkt()Die Funktion wird im Argumenteobjekt hinzugefügt:

Ausführungskontext in JavaScript bewerten

In JavaScript die “eval ()Die Funktion wandelt einen String in ausführbaren Code um. Wenn diese Methode zu einem JavaScript -Programm hinzugefügt wird, wird sie selbst erstellt. “Ausführungskontext bewerten”. JavaScript -Entwickler verwenden das nicht “eval ()Funktionieren Sie, wie die an sie übergebene Zeichenfolge böswillig sein kann, was die Anwendung oder die Datenbank zum Absturz bringt. Infolgedessen wurde die Evalfunktion veraltet.

Wir haben alle wesentlichen Informationen über die geliefert Ausführungskontext In JavaScript. Sie können es nach Ihren Anforderungen weiter untersuchen.

Abschluss

Der Ausführungskontext wird erstellt, wenn die JavaScript -Engine den JavaScript -Code ausführt und drei Typen enthält: Global, Funktion, Und bewerten Ausführungskontext. Es umfasst auch zwei Phasen: Schaffung Und Ausführung. Der Schöpfungsphase wird erstellt, wenn das Programm zum ersten Mal ausgeführt wird, während in der Ausführungsphase, Die angegebenen Werte werden den Variablen zugeordnet und hinzugefügte Funktionen werden aufgerufen. In diesem Artikel wurde der Ausführungskontext und seine Typen in JavaScript erläutert.