Javascript : contexte d'exécution

Pendant que les codes que nous écrivons s'exécutent, il y a des processus en arrière-plan que nous ne voyons pas. Lorsque le moteur Javascript lit et exécute les codes, il le fait en 2 étapes. Ce processus général, appelé contexte d'exécution , comporte 2 étapes, comme nous l'avons mentionné comme phase de création et phase d'exécution .

Dans la première étape, appelée phase de création , le moteur JS effectue une sorte de travail de familiarisation et de préparation du code. Crée un contexte, alloue de la mémoire pour stocker des variables et des fonctions. Dans l'étape suivante, qui est la phase d'exécution , le moteur JS attribue les valeurs que nous avons mentionnées aux variables qu'il connaît déjà et appelle les fonctions.

Nous pouvons le comparer à la préparation d'un type de nourriture. Nous apprenons dès le début quels accessoires sont nécessaires pour les aliments que nous allons préparer (phase de création).

Ensuite, nous déterminons la quantité de fournitures et commençons l'action de préparation de la nourriture (phase d'exécution).

Lorsque le code est exécuté pour la première fois, le contexte d'exécution global est d'abord créé et les phases mentionnées sont exécutées. Ensuite, si des fonctions existent et sont appelées, des contextes d'exécution fonctionnels sont créés et les deux phases sont exécutées.

Nous pouvons pratiquement voir tout cela avec le code ci-dessous.

1. Lorsque ce code sera lu par le moteur, un contexte global sera d'abord créé .

2. Au cas où vous l'auriez remarqué, rien n'a été fait avec la variable tech dans la fonction getTechStack . C'est parce que la variable est à l'intérieur de la fonction getTechStack . Après l'appel de cette fonction comme à la ligne 9, un nouveau contexte fonctionnel sera créé et 2 phases seront à nouveau exécutées dans ce contexte. Ce n'est qu'alors que la variable tech sera traitée comme n'importe quelle autre variable.

Contrairement au contexte global , l'objet global dans le contexte fonctionnel sera équivalent à l' objet arguments , qui fait référence aux paramètres de la fonction.

Ainsi, chaque fois qu'une fonction est appelée autre que le contexte global, un nouveau contexte sera créé et la même procédure sera répétée.

Merci pour la lecture. :)

Autres sujets :

• Différence entre Map et WeakMap || Javascript