La portée d’une variable de javascript

.....

La portée d’une variable de javascript

JavaScript cours tutorial

Selon l'endroit où une variable est déclarée, celle-ci pourra être accessible de tout endroit dans le script ou bien uniquement dans une portion du code, on parle de « portée » d'une variable.


les variables globales ou locales

En Javascript, les variables peuvent être globales ou locales.
Une variable globale est déclarée en début de script et on peut l'atteindre de n'importe quel endroit du scripte.
Une variable locale est déclarée à l'intérieur d'une fonction et n'est utilisable que dans la fonction elle-même.
Dans certain cas, une variable n'a de portée qu'au sein des accolades au sein de laquelle elle a été déclarée.
Une variable globale peut être appelé au sein d'une fonction par l'intermédiaire du mot-clé this.
Exemple :

Sélectionner le code

<script type="text/javascript">

//Variables globales.
var i = 0;
j = 24;

function Affiche() {
  /* Variables locales: la variable i ici dans la fonction 
  n'est pas la même que la variable i ci-dessus .*/
  var i = 1;
  j = 12;
  document.write("Valeurs de i et j : " + i + " " + j+"<br>");
 
}
 Affiche();
  //La variable k est locale et 
  //n'est utilisable que dans la boucle for.
  for(k = 0; k < 100; k++=){
    document.write("<br>valeur de k : " + k);
  }
  //Variable globale.
  var x = 72;
  //paramètre de la fonction.
  function affiche(x){
  //Appel de la variable globale à l'aide du mot-clé this.
    document.write("Valeurs : " + x + " " + this.x);
  }
  affiche(12);
</script>

 

Variables locales de JavaScript

Une variable déclarée dans une fonction JavaScript devient LOCAL et n'est accessibles que dans cette fonction. (variable a portée locale).

Vous pouvez avoir des variables locales portant le même nom dans différentes fonctions, parce que les variables sont locales, elle ne sont reconnues que par la fonction dans laquelle elles sont déclarées.

Les variables locales sont détruites lorsque vous quittez la fonction.

Vous en apprendrez plus sur les fonctions dans un chapitre ultérieur de ce didacticiel.

Voici un autre exemple dans lequel a est déclarée implicitement dans la fonction :

Sélectionner le code


<SCRIPT language="Javascript">
<!--
var a = 12;
var b = 4;

function MultipliePar2(b) {
   a = b * 2;
   return a;
}
document.write("Le double de ",b," est ",MultipliePar2(b));
document.write("La valeur de a est ",a);
// --<
>/SCRIPT>

 

Variables globales de JavaScript

Les variables déclarées à l'extérieur de la fonction devenient GLOBAL, et tous les scripts et les fonctions sur la page web peuvent y accéder.

Les variables globales sont détruites lorsque vous fermez la page.

Si vous déclarez une variable, sans utiliser « var », la variable devient toujours GLOBAL.

Voici un exemple ulistrant la difference entre variable global et local

Sélectionner le code

<SCRIPT language="Javascript">
<!--
var a = 12;
var b = 4;

function MultipliePar2(b) {
   var a = b * 2;
   return a;
}
document.write("Le double de ",b," est ",MultipliePar2(b));
document.write("La valeur de a est ",a);
// -->
</SCRIPT>

 

Attribution des valeurs aux Variables non déclarées de JavaScript

Si vous assignez des valeurs aux variables qui n'ont pas encore été déclarées, les variables seront automatiquement déclarés comme variables globales.

Exemple :

x=5;
carname="Volvo";

Les variables x et carname sont des variables globales (si elles n'existaient pas déjà).


JavaScript arithmétique

Comme avec l'algèbre, vous pouvez effectuer des opérations arithmétiques avec JavaScript variables :

y=x-5;
z=y+5;

Vous découvrirez plus les opérateurs qui peuvent être utilisées dans le prochain chapitre de ce didacticiel.




Par carabde 30 mars 2014