Les variables

En JavaScript, une variable est un conteneur pour stocker des données. Elles sont essentielles pour travailler avec des informations dynamiques dans un programme.

Déclaration de Variables JS

Pour déclarer une variable en JavaScript, vous pouvez utiliser les mots-clés :

  • var était la manière classique de déclarer des variables, mais il a quelques problèmes de portée (scope).

  • let est recommandé pour la plupart des cas d'utilisation. Il permet une portée de bloc plus précise.

  • const est utilisé pour déclarer des variables constantes dont la valeur ne peut pas être modifiée une fois qu'elle est définie.


La principale différence entre var, let et const réside dans la portée de la variable et sa mutabilité. var à une portée de fonction, let et const ont une portée de bloc. var et let sont mutables, tandis que const est immuable. Le choix entre ces mots-clés dépend de la manière dont vous prévoyez d'utiliser vos variables dans votre code.

var let const
Portée* (scope) fonction  bloc bloc
Mutabilité* oui oui non
Hoisting* oui non non


Portée : La différence fondamentale entre la portée de fonction et la portée de bloc est l'étendue de l'accès aux variables déclarées. La portée de fonction limite la visibilité aux fonctions, tandis que la portée de bloc limite la visibilité aux blocs de code délimités par des accolades {}. Les variables let et const sont généralement préférées pour leur portée de bloc plus précise, tandis que var est moins utilisé en raison de sa portée de fonction qui peut entraîner des problèmes de portée imprévus.

Mutabilité : La valeur peut-elle être réaffectées (leur valeur peut être modifiée) à tout moment après leur déclaration.

*Hoisting : Vous pouvez utiliser la variable avant de la déclarer, cependant, elle aura une valeur indéfinie (undefined) jusqu'à ce qu'elle soit réellement déclarée. Pour let et const, vous devez déclarer la variable avant de pouvoir l'utiliser.

Types de variables

Nombre (Number)

Utilisé pour stocker des valeurs numériques, qu'elles soient entières ou décimales.

let age = 30;
let pi = 3.14;


Chaîne de caractères (String)

Utilisé pour stocker du texte. Vous pouvez utiliser des guillemets simples ou doubles pour définir une chaîne de caractères.

let nom = 'John';
let message = "Bonjour, monde !";


Booléen (Boolean)

Utilisé pour représenter une valeur vraie (true) ou fausse (false). C'est utile pour les conditions et les prises de décision.

let estVrai = true;
let estFaux = false;


Tableau (Array)

Utilisé pour stocker une collection d'éléments, qui peuvent être de différents types. Les tableaux sont indexés, commençant par 0.

let fruits = ['pomme', 'banane', 'orange'];


Objet (Object)

Utilisé pour créer des structures de données complexes contenant des propriétés et des valeurs associées. 

let personne = {
  nom: 'Smith',
  age: 25,
  profession: 'Développeur Web'
};


Nul (Null)

Utilisé pour représenter l'absence de valeur.

let valeurNulle = null;


Non défini (Undefined)

Indique qu'une variable n'a pas encore été définie ou qu'elle n'a pas de valeur. Visible uniquement dans les erreurs de console, c'est en utilisant une variable non déclaré qu'elle obtient la valeur undefined. Il ne serait pas logique de le définir volontairement puisque cela génère des erreurs.

Table of Contents