Variables en JavaScript : Déclaration, Affectation et Portée

Introduction aux Variables

En programmation, une variable agit comme un conteneur nommé pour stocker des données. Elle permet de conserver des valeurs temporaires, telles que des nombres, du texte ou des booléens, afin de les manipuler de manière réutilisable et de rendre le code plus lisible.

Utilisation des Variables

Déclaration et Affectation

Pour utiliser une variable, commencez par la déclarer avec le mot-clé let, suivi d'un identifiant unique. Ensuite, affectez-lui une valeur avec l'opérateur =.


<script>
  // Déclaration et affectation en une étape
  let valeurTemp = 42;
  console.log(valeurTemp);

  // Déclaration séparée puis affectation
  let compteur;
  compteur = 10;
  console.log(compteur);
</script>

Mise à jour d'une Variable

Après l'affectation initiale, vous pouvez modifier la valeur d'une variable en lui assignant une nouvelle donnée sans nécessiter une redéclaration.


<script>
  let solde = 500;
  solde = 600; // Mise à jour de la valeur
  console.log(solde);
</script>

Déclaration de Plusieurs Variables

Déclarez plusieurs variables en les séparant par des virgules dans une seule instruction.


<script>
  let nomUtilisateur = 'Alice', ageUtilisateur = 25;
  console.log(nomUtilisateur, ageUtilisateur);
</script>

Exemple Pratique avec Interaction

Utilisez prompt() pour obtenir une entrée utilisateur et stockez-la dans une variable. Attention, prompt() retourne une chaîne de caractères, donc une conversion peut être nécessaire pour des calculs.


<script>
  let entréeUtilisateur = prompt('Entrez votre nom :');
  document.write('Bonjour, ' + entréeUtilisateur);

  // Exemple d'échange de valeurs entre variables
  let premier = 5, second = 10, temp;
  temp = premier;
  premier = second;
  second = temp;
  console.log(premier, second);
</script>

Nature des Variables en Mémoire

Une variable correspond à un espace mémoire réservé par le programme pour stocker des données. Cet espace est géré dynamiquement durant l'exécution du code.

Règles et Conventions de Nommage

Règles Obligatoires

  • Évitez les mots-clés réservés comme let, var, if.
  • Les identifiants ne peuvent contenir que des lettres, des chiffres, des underscores (_) ou des signes dollar ($), et ne doivent pas commencer par un chiffre.
  • La casse est sensible : age et Age sont deux variables distinctes.

Conventions de Style

  • Choisissez des noms descriptifs pour améliorer la lisibilité.
  • Adoptez la convention camelCase, où la première lettre est en minuscule et les mots suivants commencent par une majuscule, par exemple totalArticles.

Différences entre let et var

Le mot-clé let offre une portée bloc, tandis que var a une portée fonction. De plus, let empêche les redéclarations et n'est pas lié à l'objet global window.

Caractéristique var let
Portée Fonction Bloc
Redéclaration Autorisée Interdite
Comportement dans les boucles Variable partagée Variable indépendante

Pour une compatibilité moderne, privilégiez let, sauf pour le support des anciens environnements où var peut être nécessaire.

Introduction aux Tableaux

Les tableaux permettent de stocker une collection ordonnée de valeurs, accessibles via des indices commençant à 0.


<script>
  // Création d'un tableau
  let prixArticles = [15.99, 22.50, 8.75];
  
  // Accès à un élément
  console.log(prixArticles[0]); // Affiche 15.99
  
  // Longueur du tableau
  console.log(prixArticles.length); // Affiche 3
</script>

Étiquettes: JavaScript variables let var tableaux

Publié le 7 juillet à 00h41