Une variable doit être déclarée avant de pouvoir l'utiliser.

Il y a 3 façons de le faire, en utilisant var, let ou const, et ces 3 manières diffèrent dans la façon dont vous pouvez interagir avec la variable plus tard.

Jusqu'à ES2015, var était le seul constructeur disponible pour définir les variables. Une variable initialisée avec var en dehors de toute fonction est affecté à l'objet global, a une portée globale et est visible partout.

Une variable initialisée avec var à l'intérieur d'une fonction est assignée à cette fonction, elle est locale et n'est visible qu'à l'intérieur, tout comme un paramètre de fonction.

Il est important de comprendre qu'un bloc (identifié par une paire d'accolades) ne définit pas une nouvelle portée.

Une nouvelle portée n'est créée que lorsqu'une fonction est créée, car var n'a pas de portée de bloc, mais de portée de fonction.

let est une nouvelle fonctionnalité introduite dans ES2015 et il s'agit essentiellement d'une version à portée de bloc de var.

Sa portée est limitée au bloc, à l'instruction ou à l'expression où elle est définie et à tous les blocs internes contenus.

Les développeurs JavaScript modernes peuvent choisir d'utiliser uniquement let et abandonner complètement l'utilisation de var.

Définir let en dehors de toute fonction - contrairement à var- ne crée pas de variable globale.

Les variables déclarées avec var ou let peuvent être modifiées ultérieurement dans le programme et réaffectées.

*Une fois que const est initialisée, sa valeur ne peut plus jamais être modifiée et ne peut pas être réaffectée à une valeur différente.

const ne fournit pas l'immuabilité, mais s'assure simplement que la référence ne peut pas être modifiée.

const a une portée de bloc, identique à let. Les développeurs JavaScript modernes peuvent choisir de toujours utiliser const pour les variables qui n'ont pas besoin d'être réaffectées plus tard dans le programme.

Pourquoi? Parce que nous devrions toujours utiliser la construction la plus simple disponible pour éviter de faire des erreurs sur la route.

ex: var maVariable = 42; // Je déclare une variable

Ici j’ai déclaré une variable avec le mot clé var. Ma variable se nomme maVariable et contient la valeur 42, une donnée de type numérique.

Il est également possible de réassigner une nouvelle valeur à une variable très simplement.

maVariable = 'hello';

On n’utilise plus de mot clés ici, on fait simplement un rappel sur le nom de notre variable et on lui réassigne une valeur avec le symbole = comme nous l’avons fait lors de la création de celle-ci.

En JavaScript on peut aussi stocker des tableaux, des objets, et même des fonctions dans une variable. Le type function est aussi un autre type de variable dans le langage:

var monTableau = [12, 'bonjour', ['hello', 'salut'], 42];
var monObjet = {
  nom: 'Jean',
  age: 42,
  disBonjour: function() {
    console.log('Bonjour !');
  },
};
var uneFonction = function(a, b) {
  return a + b;
};

monObjet.disBonjour(); // Bonjour !
console.log(monObject.nom); // Jean
console.log(uneFonction(monTableau[0], monObject.age)); // 54