Variables

Les variables permettent de stocker des informations dont vous aurez l'usage ultérieurement.

DéfinitionDéclaration

Les variables utilisées dans un programme doivent être déclarées avant leur première utilisation. Pour cela, on utilise les mots-clés var, let ou const. Nous présenterons plus tard les différences entre ces types de déclarations. Pour simplifier, var est l'ancienne méthode de déclaration. Aujourd'hui, on privilégie const, qui permet de stocker une valeur qui n'est pas amenée à changer. Dans le cas contraire, on utilisera let.

Le typage des variables se fait par l'intermédiaire de leur affectation.

Il est à noter que JavaScript est sensible à la casse. C'est à dire que les noms bonjour et Bonjour, font référence à deux éléments différents (variable, fonction, méthode...).

Les noms de variables peuvent contenir :

  • des lettres (a-z, A-Z),

  • des chiffres (0-9) mais pas en première position,

  • le symbole $ et le caractère de soulignement (_).

Ils ne doivent pas contenir d’espaces, de tirets, ni de caractères spéciaux. Les mots-clés réservés sont interdits (comme for, if, let, etc.).

1
const texte = "coucou !";
2
const nombre = 12.5;
3
const chiffre = 5;

La déclaration des variables peut se faire sur une ou plusieurs lignes

1
const texte = 'bonjour';
2
const i = 1, j = 2;

RemarqueOmission

Si vous affectez une valeur à une variable que vous n'avez pas déclaré.

1
a = 3;

La variable est implicitement déclarée comme variable globale (var).

Si vous lisez une variable non déclaré.

1
window.console.log(a);

JavaScript génère une erreur -> ReferenceError : a is not defined

Ce qui stop l'interprétation de votre script.

Si vous déclarez deux fois la même variable.

1
var a = 3;
2
var a = 2;

La deuxième ligne est interprétée comme si vous n'aviez pas réécrit le mot var.

Avec let ou const :

1
const a = 3;
2
const a = 2;

La deuxième ligne déclenche une erreur --> SyntaxError: Identifier 'a' has already been declared

RemarqueTypage

Le typage est implicite et peut changer en fonction d'un nouveau contenu affecté à la variable.

1
a = 12.34; // Number
2
a = "abcd"; // String
3
a = true;  // Boolean
4
a = null; // Object. La variable existe et contient null  
5
a = undefined // Undefined. La variable existe mais n'a pas de contenu
6
a = [4,'a', 3] // Array
7
a = {}; // Object

Vous pouvez tester dans la console en tapant par exemple :

1
typeof(12.34)

typeof est une fonction qui retourne le type d'une valeur.