Portée des Variables

La portée d'une variable en programmation définit la région du code où cette variable peut être accédée ou modifiée. En JavaScript, il existe deux principaux types de portée : la portée locale et la portée globale.

1. Portée Locale

Les variables déclarées à l'intérieur d'une fonction ont une portée locale, ce qui signifie qu'elles ne sont accessibles qu'à l'intérieur de cette fonction.

function exemplePorteeLocale() {
    let variableLocale = 'Je suis locale'
    console.log(variableLocale)
}
 
exemplePorteeLocale() // Affiche "Je suis locale"
// console.log(variableLocale); // Cela provoquerait une erreur car variableLocale n'est pas définie ici

2. Portée Globale

Les variables déclarées en dehors de toutes les fonctions ont une portée globale, ce qui signifie qu'elles sont accessibles partout dans le code, à la fois à l'intérieur et à l'extérieur des fonctions.

let variableGlobale = 'Je suis globale'
 
function exemplePorteeGlobale() {
    console.log(variableGlobale) // Affiche "Je suis globale" car variableGlobale est accessible ici
}
 
exemplePorteeGlobale()
console.log(variableGlobale) // Affiche "Je suis globale"

3. Portée de Bloc (ES6+)

Depuis ECMAScript 6, l'introduction du mot-clé let permet de déclarer des variables avec une portée de bloc, limitée au bloc dans lequel elles sont définies.

if (true) {
    let variableBloc = 'Je suis dans un bloc'
    console.log(variableBloc) // Affiche "Je suis dans un bloc"
}
 
// console.log(variableBloc); // Cela provoquerait une erreur car variableBloc n'est pas définie ici

Conclusion

Comprendre la portée des variables est crucial pour éviter les bugs liés à l'accès non autorisé aux variables et pour écrire un code plus propre et plus modulaire.