Qu'est-ce que le contexte d'exécution dans JavaScript

Vous pouvez coder dans JavaScript depuis longtemps et connaître l'utilisation de la logique pour toute opération spécifique, mais avez-vous déjà réfléchi à la façon dont une fonction ou une variable maintient les informations liées à son environnement?

Le moteur JavaScript effectue toute la magie en arrière-plan en créant «Contexte d'exécution". Il permet également au moteur JavaScript de contrôler la complexité du code pour la tâche d'exécution.

Cette écriture expliquera le contexte d'exécution et ses types en javascript. Alors, commençons!

Qu'est-ce que le contexte d'exécution dans JavaScript

Dans le contexte d'exécution, le terme «Exécution»Fait référence au processus d'exécution du code et«Contexte»Spécifie l'environnement pour l'exécution. Ainsi, assemblant les deux termes, nous avons obtenu une définition indiquant que le contexte d'exécution fournit des informations liées à l'environnement où le code est stocké et exécuté.

Le contexte d'exécution JavaScript contient trois types différents:

• Contexte d'exécution globale: Le contexte de l'exécution globale JavaScript est créé par défaut.
• Contexte d'exécution de la fonction: Le contexte d'exécution de la fonction est créé lorsqu'une fonction est appelée dans le code fourni.
• Evale Exécution Contexbronzer "eval ()»La fonction crée un contexte d'évaluation.

Nous passerons par les types de contexte d'exécution dans les sections ci-dessous.

Note: Nous utilisons un outil de visualiseur JavaScript développé par l'interface utilisateur.Dev pour visualiser le contexte d'exécution fonctionnant en javascript.

Contexte d'exécution globale en JavaScript

Lorsque le moteur JS exécute un programme, il crée le contexte d'exécution initial. Mais avant cela, il crée un nouveau contexte d'exécution appelé «Contexte d'exécution globale" ou la "Contexte par défaut". Vous savez peut-être que JavaScript est un langage unique, il ne permet donc que la création d'un contexte d'exécution global pour exécuter le code.

Ouvrez le visualiseur JavaScript et sans ajouter de code, cliquez sur "Courir”Bouton du côté gauche de l'écran:

Comme vous pouvez le voir, le contexte global d'exécution est créé par défaut:

Chaque contexte d'exécution (y compris le contexte d'exécution global) comprend les deux objets suivants:

• Objet global: Un objet global contient des fonctions et des variables accessibles dans l'environnement actuel. Il est également appelé ««fenêtre”Objet dans le navigateur.
• Objet «cet»: «ce»Le mot-clé pointe vers l'objet actuel dans le contexte d'exécution.

La section suivante discutera des différentes phases du contexte de l'exécution globale en JavaScript.

Phases du contexte de l'exécution globale en javascript

Il y a deux phases du contexte d'exécution globale en JavaScript: Création et Exécution.

Phase de création du contexte de l'exécution globale en JavaScript

Comme mentionné précédemment, le contexte d'exécution global est créé par défaut lorsque le moteur JavaScript exécute un script ou un programme pour la première fois. Il est connu comme la phase de création du contexte de l'exécution globale JavaScript.

La phase de création du contexte d'exécution global effectue les opérations suivantes:

• fenêtre / objet global: Un objet global est créé dans la phase de création, qui contient les informations liées aux variables, aux fonctions et à leur déclaration intérieure.
• cet objet: «ce«L'objet est créé, qui pointe vers la fenêtre ou l'objet global.
• Variables: Dans la phase de création, les variables sont initialisées avec un «indéfini" valeur.
• Les fonctions: Les fonctions ne sont déclarées et initialisées que dans la phase de création.

Maintenant, vérifions le fonctionnement de la phase de création à l'aide d'un exemple.

Exemple: phase de création du contexte de l'exécution globale en javascript

Nous créerons deux variables, "X" et "y», Ayant les valeurs suivantes:

var x = 3;
var y = 2;

Ensuite, une fonction nommée «produit"Est défini qui accepte"N1" et "n2" paramètres:

Produit de fonction (n1, n2)
retour n1 * n2;

Maintenant, nous allons ajouter le code ci-dessus dans le visualiseur JavaScript et cliquer sur le "Courir”Option pour afficher son contexte d'exécution global:

Lorsque le moteur JS exécutera le programme donné, il stockera et définira le «X" et "y«Valeurs de la variable comme«indéfini"Puis déclarer la fonction"produit()”Dans le contexte d'exécution globale:

Le contexte de l'exécution mondiale évoluera vers le «Phase d'exécution«Lorsque la phase de création termine ses opérations spécifiées.

Phase d'exécution du contexte mondial d'exécution en JavaScript

Pendant le Phase d'exécution, Le moteur JS exécute séquentiellement le code, puis effectue l'opération d'attribution de valeur pour les variables et exécute enfin les appels de fonction ajoutés.

Contexte d'exécution de la fonction dans JavaScript

Un nouveau "Contexte d'exécution de la fonction»Est créé pour chaque appel de fonction. Le contexte d'exécution de la fonction se comporte similaire au contexte global d'exécution; Cependant, au lieu de déclarer un «objet global», Le moteur JavaScript créera un«arguments”Objet qui comprend les références des paramètres d'une fonction.

Exemple: Contexte d'exécution de la fonction dans JavaScript

Dans le même exemple, nous ajouterons la ligne suivante pour invoquer le «produit()"Fonction en passant"X" et "y«Comme ses arguments:

produit(X,y);

Le visualiseur JavaScript démontrera les changements dans le contexte de l'exécution globale:

Maintenant, un nouveau contexte d'exécution de fonction est créé, qui comprend les phases de création et d'exécution. Il a également un objet unique appelé «arguments". La valeur transmise au «produit()"La fonction est ajoutée dans l'objet Arguments:

Contexte d'évaluation de l'évaluation en JavaScript

En JavaScript, le «eval ()»La fonction convertit une chaîne en code exécutable. Lorsque cette méthode est ajoutée à un programme JavaScript, il crée son propre «Contexte d'évaluation de l'évaluation". Les développeurs JavaScript n'utilisent pas le «eval ()«La fonction comme la chaîne qui lui est transmise peut être malveillante, provoquant le plantage de l'application ou de la base de données. En conséquence, la fonction d'évaluation a été obsolète.

Nous avons fourni toutes les informations essentielles concernant le Contexte d'exécution dans Javascrip. Vous pouvez l'explorer davantage en fonction de vos exigences.

Conclusion

Le contexte d'exécution est créé lorsque le moteur JavaScript exécute le code JavaScript, et il a trois types: Mondial, Fonction, et évaluer contexte d'exécution. Il comprend également deux phases: Création et Exécution. Le Phase de création est créé lorsque le programme s'exécute pour la première fois, tandis que, dans le Phase d'exécution, Les valeurs spécifiées sont attribuées aux variables et les fonctions ajoutées sont invoquées. Cet article a expliqué le contexte d'exécution et ses types en javascript.