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.

La déclaration d'une variable est précédée du mot clé var, let ou const (nous verrons plus tard la différence entre ces déclarations).

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 (variable, fonction, méthode...) différents.

Restrictions sur l'écriture des variables :

  • elles ne doivent pas contenir d'espace

  • elles ne doivent comporter que des lettres, des chiffres ou le caractère $ et le caractère de soulignement "_".

  • le premier caractère doit être une lettre, le caractère de soulignement ou un $.

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;

ComplémentOmission

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

ComplémentTypage

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.