Portée variable en JavaScript

1. Bloquer la portée des variables en JavaScript
2. Portée locale des variables en JavaScript
3. Portée globale des variables en JavaScript

La portée d’une variable est l’accessibilité ou la visibilité de la variable dans le programme.

Nous avons trois types de portée de variable en JavaScript. Il s’agit de la portée Block, Local et Global.

Discutons-en dans cet article.

Bloquer la portée des variables en JavaScript

Avant l’introduction d’ES6 en 2015, Javascript n’avait que la portée globale et fonctionnelle. Après l’introduction d’ES6, deux nouveaux mots-clés ont été introduits, let et const. Ces mots-clés ont rendu possible la portée du bloc.

Les variables déclarées entre les accolades {} relèvent de la portée du bloc car nous ne pouvons pas y accéder depuis l’extérieur du bloc.

Voir le code ci-dessous.

{ let a = 17; }
// a cannot be used here from outside the block

Les variables déclarées à l’aide du mot-clé var ne peuvent pas avoir de portée de bloc.

Par exemple,

{ var a = 17 }
// a can be used here from outside the block

Portée locale des variables en JavaScript

Une variable en JavaScript a la portée locale lorsqu’elle est déclarée dans une fonction. Ceux-ci ne sont pas accessibles depuis l’extérieur de la fonction.

Par exemple,

function sampleFunction() {
  let myName = 'Hemank';
}
// myName cannot be accessed here

Les variables déclarées avec les mots-clés var, let et const ont toutes une portée de fonction.

Portée globale des variables en JavaScript

Toutes les variables définies en dehors d’une fonction sont globales. Ceux-ci sont accessibles n’importe où dans le programme et ne se limitent à aucune fonction.

Par exemple,

let myName = 'Ella'
// we can access the above variable here

function sampleFunc() {
  // myName can be access from within a function as well.
}

Dans le code ci-dessus, la déclaration de la variable myName était en dehors de la fonction. Ainsi, il est devenu global et peut être utilisé à l’intérieur ou à l’extérieur de la fonction.