mozilla
Vos résultats de recherche

    var

    L'instruction var (pour variable) permet de déclarer une variable et éventuellement d'initialiser sa valeur.

    Syntaxe

    var nomvar1 [= valeur1 [, nomvar2 [, varname3 ... [, varnameN]]]];
    nomvarN
    Le nom de la variable, cela peut être n'importe quel identifiant valide.
    valeurN
    La valeur initiale à affecter à la variable, cela peut être n'importe quelle expression valide.

    Description

    Les déclarations de variables sont traitées avant que le code soit exécuté, peu importe où elles sont placées dans le code. La portée d'une variable déclarée avec var est le contexte d'exécution courant, c'est-à-dire : la fonction qui contient la déclaration ou le contexte global si la variable est déclarée en dehors de toute fonction.

    Si on affecte une valeur à une variable qui n'a pas été déclarée (le mot-clé var n'a pas été utilisé), cela devient une variable globale (une propriété de l'objet global) lorsque l'affectation est exécutée. Les différences entre les variables déclarées et les variables non-déclarées sont :

    1. Les variables déclarées sont contraintes dans le contexte d''exécution dans lequel elles sont déclarées. Les variables non-déclarées sont toujours globales.
      function x() {
        y = 1;   // Lève une exception ReferenceError en mode strict
        var z = 2;
      }
      
      x();
      
      console.log(y); // Affiche "1" dans la console
      console.log(z); // Lève une exception ReferenceError:
                      // z n'est pas définie en dehors de x
      
    2. Les variables déclarées sont créées avant que n'importe quel autre code soit exécuté. Les variables non-déclarées n'existent pas tant que leur code n'est pas exécuté.
      console.log(a);                // Lève une exception ReferenceError.
      console.log('on continue...'); // N'est jamais exécuté
      var a;
      console.log(a);                // Affiche "undefined".
      console.log('on continue...'); // Affiche "on continue...".
    3. Les variables déclarées sont des propriétés non-configurables de leur contexte d'exécution (la fonction courante ou le contexte globaleà. Les variables non-déclarées sont configurables (ce qui signifie qu'elles peuvent être supprimées).
      var a = 1;
      b = 2;
      
      delete this.a; // Lève une TypeError en mode strict. Échoue silencieusement sinon.
      delete this.b;
      
      console.log(a, b); // Lève une exception ReferenceError. 
      // La propriété 'b' a été supprimée et n'existe plus.

    En raison de ces trois différences, il faut éviter de ne pas déclarer une variable car cela peut provoquer des résultats inattendus. Il est donc fortement recommandé de toujours déclarer les variables, qu'elles soient dans une fonction ou dans la portée globale. Le mode strict, introduit avec ECMAScript 5, lève une exception lorsqu'une variable n'est pas déclarée.

    La remontée de variables (hoisting)

    Les déclarations de variables (et les déclarations en général) sont traitées avant que n'importe quel autre code soit exécuté. Ainsi, déclarer une variable n'importe où dans le code équivaut à la déclarer au début de son contexte d'exécution. Cela signifie qu'une variable peut également apparaître dans le code avant d'avoir été déclarée. Ce comportement est appelé « remontée » (hoisting en anglais) car la déclaration de la variable est « remontée » au début de la fonction courante ou du contexte global.

    bla = 2
    var bla;
    // ...
    
    // est implicitement traité comme :
    
    var bla;
    bla = 2;
    

    Étant donné ce comportement, il est recommandé de toujours déclarer les variables au début de leurs portées (le début du code global ou le début du corps de la fonction) afin de mieux (sa)voir quelles variables font partie de la fonction et lesquelles proviennent de la chaîne de portées.

    Exemples

    Déclarer et initialiser deux variables

    var a = 0, b = 0;
    

    Affecter deux variables avec la même chaîne de caractères

    var a = "A";
    var b = a;
    
    // est équivalent à :
    
    var a, b = a = "A";
    

    Attention à l'ordre :

    var x = y, y = 'A';
    console.log(x + y); // undefinedA
    

    Ici, x et y sont déclarées avant que n'importe quel code soit exécuté, les affectations sont réalisées aprèes ! Au moment où "x = y" est évalué, y existe donc on n'a pas d'erreur ReferenceError mais sa valeur est undefined. Ainsi, x reçoit la valeur undefined. Ensuite, y reçoit la valeur 'A'. Après la première ligne de code, on a donc la situation où x === undefined && y === 'A', ce qui explique le résultat.

    Initialiser plusieurs variables

    var x = 0;
    
    function f(){
      var x = y = 1; // x est déclaré localement
                     // ce qui n'est pas le cas de y !
    }
    f();
    
    console.log(x, y); // 0, 1
    // x a bien la valeur globale attendue
    // y a été contaminé dans la fonction ! 

    Les variables globales implicites

    Il est possible de faire référence à des variables qui sont des variables globales implicites depuis la portée d'une fonction externe :

    var x = 0;  // x est globale, on lui affecte 0
    
    console.log(typeof z); // undefined, car z n'existe pas encore
    
    function a() { // lorsque a est appelée :
      var y = 2;   // y est déclarée et est locale à a,
                   // on lui affecte 2
    
      console.log(x, y);   // 0 2 
    
      function b() {       // lorsque b est appelée
        x = 3;  // on affecte la valeur 3 à la variable globale x
                // on ne crée pas une nouvelle variable globale
        y = 4;  // on affecte 4 à la variable externe y,
                // on ne crée pas une nouvelle variable globale
        z = 5;  // on crée une nouvelle variable globale
                // et on lui affecte la valeur 5. 
      }         // (lève une ReferenceError en mode strict.)
    
      b();     // lorsqu'on appelle b, cela crée z en tant que variable globale
      console.log(x, y, z);  // 3 4 5
    }
    
    a();                   // appeler a entraîne un appel à b
    console.log(x, z);     // 3 5
    console.log(typeof y); // undefined car y est local à la fonction a

    Spécifications

    Spécification Statut Commentaires
    Première édition d'ECMAScript. Standard Définition initiale. Implémentée avec JavaScript 1.0
    ECMAScript 5.1 (ECMA-262)
    La définition de 'var statement' dans cette spécification.
    Standard  
    ECMAScript 6 (ECMA-262)
    La définition de 'variable statement' dans cette spécification.
    En cours de validation comme recommandation  

    Compatibilité des navigateurs

    Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
    Support simple (Oui) (Oui) (Oui) (Oui) (Oui)
    Fonctionnalité Android Chrome pour Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
    Support simple (Oui) (Oui) (Oui) (Oui) (Oui) (Oui)

    Voir aussi

    Étiquettes et contributeurs liés au document

    Contributors to this page: teoli, SphinxKnight
    Dernière mise à jour par : SphinxKnight,
    Masquer la barre latérale