Variables JavaScript expliquées simplement

Les variables sont un concept fondamental en programmation, et JavaScript ne fait pas exception. Comprendre ce qu’est une variable et comment l’utiliser est essentiel pour débuter en développement web. Dans cet article, nous allons expliquer simplement ce qu’est une variable en JavaScript, comment la déclarer, l’utiliser et quelles sont les bonnes pratiques à suivre.

Qu’est-ce qu’une variable en JavaScript ?

Une variable est un espace de stockage dans la mémoire de l’ordinateur. Elle permet de conserver une valeur que l’on peut utiliser et modifier au cours du programme. En JavaScript, une variable peut contenir différents types de données : un nombre, un texte, un booléen, un objet, etc.

Par exemple, si vous voulez stocker l’âge d’une personne, vous pouvez créer une variable qui contiendra ce nombre. Plus tard, vous pouvez changer cette valeur si nécessaire.

Comment déclarer une variable ?

En JavaScript, il existe trois mots-clés pour déclarer une variable : var, let et const. Chacun a ses particularités, mais pour commencer, il est important de connaître leur usage de base.

• var : c’est la manière ancienne de déclarer une variable. Elle fonctionne toujours, mais elle peut entraîner des erreurs difficiles à repérer.
• let : c’est la manière recommandée pour déclarer une variable dont la valeur peut changer.
• const : sert à déclarer une variable dont la valeur ne doit pas changer.

Exemples simples de déclaration

let age = 25;
const nom = "Alice";
var estConnecte = true;

Dans cet exemple :

• age est une variable qui peut changer.
• nom est une variable constante, son contenu ne doit pas être modifié.
• estConnecte est une variable déclarée avec var, elle fonctionne mais son usage est moins conseillé.

Les règles pour nommer une variable

Le nom d’une variable doit respecter certaines règles :

• Commencer par une lettre, un underscore (_) ou un dollar ($).
• Ne pas utiliser d’espaces ni de caractères spéciaux.
• Ne pas utiliser de mots réservés du langage (comme let, if, for, etc.).
• Utiliser un nom clair et descriptif pour faciliter la lecture du code.

Exemples de noms valides :

prenom
_age
totalPrix
maVariable123

Exemples de noms invalides :

123nombre
mon-prix
let
ma variable

Modifier la valeur d’une variable

Une fois qu’une variable est déclarée avec let ou var, vous pouvez changer sa valeur autant de fois que nécessaire. Par contre, une variable déclarée avec const ne peut pas être modifiée.

let compteur = 0;
compteur = 1;
compteur = compteur + 5;

const couleur = "rouge";
// couleur = "bleu"; // Cela provoquera une erreur

Types de données courants dans les variables

JavaScript permet de stocker différents types de données dans les variables. Voici les plus courants :

• Nombre : pour les chiffres, entiers ou décimaux.
• Chaîne de caractères (string) : pour du texte, toujours entre guillemets.
• Booléen : pour vrai (true) ou faux (false).
• Tableau (array) : une liste de valeurs.
• Objet : un ensemble de données liées.
• Null : une valeur vide volontairement.
• Undefined : une variable déclarée mais non initialisée.

Exemples avec différents types

let nombre = 10;
let texte = "Bonjour";
let estActif = true;
let liste = [1, 2, 3];
let personne = { nom: "Paul", age: 30 };
let vide = null;
let nonDefini;

Déclaration sans initialisation

Vous pouvez déclarer une variable sans lui donner de valeur immédiatement. Sa valeur sera alors undefined jusqu’à ce que vous lui attribuiez une valeur.

let message;
console.log(message); // Affiche : undefined

message = "Salut";
console.log(message); // Affiche : Salut

Portée des variables : comprendre où elles sont accessibles

La portée d’une variable détermine où elle peut être utilisée dans le code.

• Les variables déclarées avec var ont une portée globale ou fonctionnelle.
• Les variables déclarées avec let et const ont une portée de bloc, c’est-à-dire qu’elles ne sont accessibles que dans les accolades ({ }) où elles sont déclarées.

Exemple de portée

if (true) {
  let x = 5;
  var y = 10;
  console.log(x); // 5
  console.log(y); // 10
}
console.log(y); // 10
// console.log(x); // Erreur : x n’est pas défini ici

Bonnes pratiques pour utiliser les variables

• Privilégiez let et const plutôt que var.
• Utilisez const par défaut, et let uniquement si la valeur doit changer.
• Choisissez des noms de variables clairs et explicites.
• Évitez de réutiliser le même nom de variable dans des portées différentes pour éviter la confusion.
• Initialisez toujours vos variables pour éviter des erreurs inattendues.