Sommaire

La portée des variables

1. Créer une variable locale

Abordons maintenant un point très important : la portée des variables. La portée des variables indique où nous pouvons utiliser les variables que nous créons.

Reprenons l’exemple précédent en nous disant que, puisque nous avons défini la variable resultat_addition, pourquoi ne pas l’utiliser dans l’affichage du résultat ?

Voici le code du fichier ma-fonction.js modifié :

function ma_fonction(nb1,nb2){ 
    var resultat_addition = nb1 + nb2 ; 
    return resultat_addition ; 
} 
var calcul = ma_fonction(12,23); 
alert("Le résultat est "+resultat_addition);

Dans l’instruction alert, nous utilisons directement la variable resultat_addition.

Le fichier exemple-01.html est inchangé. Voici l’affichage obtenu dans la console :

images/C02-035.png

La console nous affiche ce message : resultat_addition is not defined. Ce message indique que la variable resultat_addition n’est pas définie, elle est inconnue pour le script.

C’est un affichage parfaitement normal. En effet, la variable resultat_addition a été définie dans la fonction ma_fonction(), entre ses accolades et surtout avec le mot-clé var. De ce fait même, la portée de cette variable est limitée au bloc de code où elle a été créée, c’est-à-dire dans la fonction. En dehors de cette fonction, cette ...