Portées en Javascript

Salut à tous, Bienvenue sur mon blog

Je suis Swarnendu. Dans ce blog, j'expliquerai le concept de Scopping en JavaScript.

Javascript est l'un des langages les plus intéressants et il fait des choses intéressantes dans le cas de Scopping. Si vous maîtrisez les portées en Javascript, cela vous aidera à écrire davantage de code sans bug. Restez avec cet article, nous allons approfondir les portées de Javascript.

Qu'est-ce que Scopes ??
La portée est le concept de Javascript qui fait référence au contexte d'exécution actuel dans lequel les valeurs et expressions sont accessibles. En termes plus simples, la portée détermine où les variables et les fonctions peuvent être consultées ou référencées dans votre code.

Ne vous inquiétez pas si vous ne parvenez pas à obtenir ces définitions techniques. Tout au long de cet article, je donnerai des exemples pratiques concrets pour une meilleure compréhension.

Les portées sont principalement de deux types : 1. Portée globale
2. Portée locale

Il existe deux types de portées locales : la portée de bloc et la portée fonctionnelle.

Imaginez que vous organisez l'événement de mariage de votre ami et que vous avez différents travaux à gérer tels que les décorations, les invitations, la restauration, etc. Chacun de ces travaux/tâches a des choses spécifiques que vous devez faire, et
évidemment, vous ne voulez pas interférer avec ces tâches les unes avec les autres. Nous résolvons donc ce problème en utilisant le concept de scopes javascript.

Portée mondiale :

Global Scope est comme l'organisateur principal de l'événement de mariage, dans ce cas, vous êtes la portée globale qui a accès à toutes les tâches (variables) comme les décorations, les invitations, la restauration, etc. vous pouvez voir et contrôler chaque partie de l'événement.

Lorsque les variables déclarées en dehors de toute fonction/bloc sont dans la portée globale. Ces variables globales sont accessibles depuis n'importe où dans le code.

`var globalVariable = "Je suis une variable globale";

fonction func() {
console.log(globalVariable);

>

func(); // "Je suis une variable globale"
console.log(globalVariable); // Accessible ici également
`
Dans l'exemple ci-dessus, globalVariable est déclaré dans la portée globale du code afin qu'il soit accessible n'importe où dans ce code.

Portée locale :

Lorsque les variables déclarées à l'intérieur d'une fonction ou d'un bloc sont en portée locale. Ces variables ne sont accessibles qu'à l'intérieur de la fonction ou du bloc.

Maintenant, lors du mariage de votre ami, il doit y avoir un gestionnaire de tâches pour chaque tâche. Pour la restauration, il y aura un responsable de la restauration, de même un responsable de la décoration et un responsable des invitations. Chaque manager travaille de manière indépendante et n'interfère pas avec les autres.

A. Portée fonctionnelle :

Var : Chaque fois que nous utilisons une var à tout moment à l'intérieur d'une fonction, la variable obtient la portée de la fonction si nous utilisons une fonction extérieure, peu importe si elle est fermée dans un bloc ou non, elle donnera une variable globale.

`function func() {
var localVariable = "Je viens d'une variable locale";
console.log(localVariable); // localVariable est accessible ici
>

func();
console.log(localVariable); //Give Error : localVariable n'est pas défini
`
Pour mon exemple ci-dessus, vous pouvez imaginer que le responsable de la restauration dispose d'une liste d'éléments de menu (variables) qui ne concernent que la restauration. De même, une variable déclarée à l'intérieur d'une fonction n'est pertinente (c'est-à-dire accessible) que pour cette fonction.

B. Portée du bloc :

Let : chaque fois que nous initialisons une variable avec let, elle obtient toujours la portée du bloc englobant. 'let' n'autorise pas non plus la redéclaration.

Const : il est similaire à 'let' mais ne peut pas réaffecter une nouvelle valeur à une variable (ce qui est possible dans 'let').

`function func() {
si (vrai) {
let blockVariable = "Je viens d'une variable de portée bloc";
console.log(blockVariable); // blockVariable est accessible ici
>
console.log(blockVar); // Erreur : blockVariable n'est pas défini
>

func();
`
Ici, blockVariable n'est accessible que dans le bloc if car il est déclaré avec 'let'.

Pour l'exemple ci-dessus, dans le cadre du travail de restauration, il peut y avoir des tâches plus petites telles que « Préparer les desserts » et « Préparer le poulet ». Si le responsable de la restauration écrit une liste d'épices/desserts (une variable dans un bloc), celle-ci n'est pertinente/utile que lors de la préparation du poulet/desserts et est rangée une fois la tâche terminée.

En résumé, Socpe en Javascript consiste à contrôler où les variables sont accessibles, de la même manière, vous gérez la tâche lors du mariage de votre ami.

J'espère que vous comprenez la portée de Javascript et la principale différence entre let et var. Si vous le souhaitez, vous pouvez suivre le prochain blog Javascript et également recommander les choses que je devrais améliorer dans mon écriture.

Merci ?.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!