Maison > interface Web > js tutoriel > Variables JavaScript : let vs const vs var

Variables JavaScript : let vs const vs var

Susan Sarandon
Libérer: 2025-01-11 16:28:42
original
107 Les gens l'ont consulté

JavaScript Variables: let vs const vs var

JavaScript simplifié : guide du débutant pour maîtriser le développement Web interactif

Message 4 sur 30 : Comprendre les variables en JavaScript

Dans cet article, nous explorerons ce que sont les variables, comment les déclarer et comment elles fonctionnent en JavaScript.


Qu'est-ce qu'une variable ?

Une variable est un moyen de stocker une valeur en JavaScript afin que nous puissions l'utiliser plus tard. Pensez à une variable comme une boîte étiquetée dans laquelle vous pouvez conserver des éléments et les récupérer en cas de besoin.

Par exemple, au lieu d'écrire « John » plusieurs fois dans votre code, vous pouvez le stocker dans une variable et l'utiliser n'importe où.


Déclarer des variables en JavaScript

JavaScript propose trois manières de déclarer des variables :

  • var (ancienne méthode, non recommandée)
  • let (moderne et recommandé pour les valeurs variables)
  • const (pour les valeurs qui ne devraient pas changer)

1. Utiliser let (recommandé)

let name = "John";
console.log(name);
Copier après la connexion
Copier après la connexion

Sortie :

John
Copier après la connexion
Copier après la connexion

Ici, nous :

  • Création d'une variable appelée nom
  • Je lui ai attribué la valeur "John"
  • Utilisation de console.log() pour imprimer la valeur du nom

2. Utilisation de const (pour les valeurs constantes)

const PI = 3.1416;
console.log(PI);
Copier après la connexion
Copier après la connexion

Sortie :

3.1416
Copier après la connexion
Copier après la connexion
  • const est utilisé pour les valeurs qui ne devraient pas changer.
  • Une fois attribué, vous ne pouvez pas réattribuer une nouvelle valeur à PI.

3. Utilisation de var (ancienne méthode – éviter d'utiliser)

var age = 25;
console.log(age);
Copier après la connexion

Sortie :

25
Copier après la connexion
  • var était couramment utilisé avant let et const, mais il présente des problèmes de portée, donc utilisez let ou const à la place.

Modification des valeurs des variables

Avec let, vous pouvez modifier la valeur d’une variable, mais avec const, vous ne pouvez pas.

Exemple avec let :

let city = "New York";
console.log(city); // Output: New York

city = "Los Angeles"; // Changing the value
console.log(city); // Output: Los Angeles
Copier après la connexion

Exemple avec const (Cela provoquera une erreur)

const country = "USA";
console.log(country);

country = "Canada"; // ❌ This will cause an error
console.log(country);
Copier après la connexion

Erreur : Type non détectéErreur : affectation à une variable constante.


Règles de dénomination des variables

Lorsque vous nommez des variables, suivez ces règles :

✔️ Peut contenir des lettres, des chiffres, $ et _

✔️ Doit commencer par une lettre, $ ou _ (pas un chiffre)

✔️ Sensible à la casse (le nom et le nom sont différents)

✔️ Ne peut pas être un mot-clé réservé (comme let, console, function, etc.)

Exemples de noms de variables valides :

let name = "John";
console.log(name);
Copier après la connexion
Copier après la connexion

Exemples de noms de variables invalides :

John
Copier après la connexion
Copier après la connexion

Exercice pratique : stocker et modifier les valeurs

Essayez ceci dans votre fichier script.js :

const PI = 3.1416;
console.log(PI);
Copier après la connexion
Copier après la connexion

Résultat attendu :

3.1416
Copier après la connexion
Copier après la connexion

Prochaines étapes

Maintenant que nous comprenons le fonctionnement des variables, l'étape suivante consiste à explorer les types de données en JavaScript, notamment les nombres, les chaînes, les booléens et bien plus encore !

Restez connectés pour le prochain post ! ?


Conseil de pro :

? Utilisez let lorsque vous vous attendez à ce que la valeur change.

? Utilisez const lorsque la valeur doit rester la même.

? Évitez var sauf si vous en avez spécifiquement besoin.

Suivez-moi sur LinkedIn - Ridoy Hasan
Visitez mon site - Ridoyweb
*Visitez le site de mon agence*- webention digital

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal