Retour au cours

Scope 101 : Global vs Local (Portée de fonction)

JavaScript : Le cours complet pour débutant, de « Zéro à Héros »

47. Scope 101 : Global vs Local

La Scope (Portée) définit où les variables et les fonctions sont accessibles dans votre code. Comprendre la portée évite les conflits de noms et aide à gérer la mémoire.

1. Portée globale (Global Scope)

Les variables déclarées en dehors de toute fonction ou bloc sont dans la portée globale. Elles sont accessibles de n'importe où dans le programme.

javascript const applicationName = 'AppX'; // Variable globale

function displayTitle() { // Peut accéder à la variable globale console.log(applicationName); }

displayTitle(); console.log(applicationName);

2. Portée locale (Portée de fonction)

Les variables déclarées à l'intérieur d'une fonction sont dans la portée locale (portée de fonction) et ne sont accessibles qu'à l'intérieur de cette fonction.

javascript function calculate() { const localResult = 100; console.log(localResult); // OK }

calculate();

// console.log(localResult); // ERREUR : ReferenceError, localResult est hors de portée.

Note : Cette leçon concerne principalement var et les déclarations de fonction. Les leçons 8 et 9 ont introduit la portée de bloc (let/const), que nous allons consolider ensuite.