Portée (scope)
Définition : Notion de portée
La portée (le scope) est ce que voit l'interpréteur à un moment donné de l'exécution du code.
Au lancement nous nous trouvons dans une portée globale. Dans une page web, c'est l'onglet de votre navigateur dans lequel vous vous trouvez, représenté par la variable window.
let a;
Dès que l'interpréteur exécute une fonction, il se retrouve dans une nouvelle portée.
let a;
let maFonction = function(){
let b;
};
La déclaration d'une variable dans une portée avec le mot clé let, la rend visible dans la portée et dans ses sous portées.
Les variables a et maFonction ont une portée globale, c'est à dire qu'elles sont visibles dans window et dans la fonction.
La variable b n'a qu'une portée locale, elle n'est visible que par la fonction.
Exemple : Testez
let global = 1;
let maFonction = function(){
let local = 2;
window.console.log(global);
window.console.log(local);
};
window.console.log(global);
window.console.log(local);
Définition : Déclaration multiple
On peut déclarer une variable avec le même nom qu'une variable déclarée dans une autre portée.
Lorsque l'interpréteur doit utiliser une variable, il cherche si la variable appartient à sa portée, sinon il remonte d'une portée jusqu'à trouver la déclaration de la variable.
let a;
let fonction1 = function(){
let a;
let fonction2 = function(){
let a;
}
};
Exemple : Testez
See the Pen cours-js-fonction-portee by BCMM-W2D (@bcmm-w2d) on CodePen.