Comprendre les variables JavaScript

Introduction

Les

Variables en JavaScript sont comme des conteneurs qui stockent des données. Considérez-les comme des bocaux étiquetés dans votre cuisine : certains contiennent du sucre, d'autres de la farine et certains contiennent même des biscuits ! ? Ils rendent votre code dynamique et vous permettent de stocker et de manipuler des informations.

⭐ Conventions de déclaration, d'initialisation et de dénomination des variables
1️⃣ Déclaration
Déclarer une variable signifie la créer sans lui attribuer de valeur.
? Exemple :

let name; // Declaration

2️⃣ Initialisation
Initialiser une variable, c'est lui attribuer une valeur pour la première fois.
? Exemple :

let name = "Richa"; // Declaration + Initialization

Vous pouvez également déclarer d'abord et initialiser plus tard :
? Exemple :

let age; // Declaration
age = 25; // Initialization
console.log(age); // Outputs: 25

3️⃣ Conventions de dénomination
Suivez ces règles pour nommer efficacement les variables :

• Commencez par une lettre, $ ou _. Valide : userName, _temp, $amountInvalid : 123name, @value
• Évitez les mots-clés réservés : Invalide : let var = 10 ; (ne peut pas utiliser var comme nom)
• Utilisez camelCase pour plus de lisibilité : Exemple : firstName, totalCost
• Soyez descriptif : Au lieu de x, utilisez userAge ou productName.

? Exemple :

let userName = "John"; // Descriptive and camelCase
const MAX_USERS = 100; // Use uppercase for constants
let _tempValue = 42; // Valid use of underscore
let $price = 99.99; // Valid use of $

⭐Types de variables
JavaScript propose trois façons de déclarer des variables : var, let et const.

1️⃣ var (vieille école)
Portée : portée fonctionnelle ou portée globale.
Utilisation : à éviter dans le JavaScript moderne en raison de ses bizarreries.
Le mot-clé var était répandu en JavaScript avant 2015. Cependant, il est moins recommandé aujourd'hui en raison de sa portée globale et de son comportement de levage.
? Exemple :

var stuff = "Toy";
var stuff = "Book"; // Re-declaration allowed (confusing behavior).
console.log(stuff); // Outputs: Book

Avec var, vous pouvez déclarer la même variable plusieurs fois. Cependant, cela conduit souvent à des bugs et à un code déroutant.
⁉️Levage Comportement :
Les variables déclarées avec var sont "hissées", ce qui signifie que vous pouvez les utiliser avant de les déclarer.
? Exemple :

console.log(stuff); // Outputs: undefined
var stuff = "Toy";

Ce comportement peut entraîner des problèmes inattendus, évitez donc de vous fier à var pour les déclarations de variables.
?Un exemple concret

2️⃣ laisser (Flexible)
Portée : portée de bloc (limitée au bloc dans lequel il est déclaré).
Utilisation : utilisez let lorsque la valeur de la variable doit changer.
? Exemple :

let jar = "Tomatos";
jar = "Spices"; // Allowed
console.log(jar); // Outputs: Spices

Tenter de re-déclarer une variable let générera une erreur :
? Exemple :

let jar = "Tomatos";
let jar = "Spices"; // Error: Identifier 'jar' has already been declared

Contrairement à var, les variables déclarées avec let ne sont pas hissées de la même manière :
? Exemple :

let name; // Declaration

?Un exemple concret

3️⃣ const (Immuable)
Portée : portée de bloc, comme let
Utilisation : utilisez const pour les valeurs qui ne doivent pas changer après avoir été initialisées.
const est parfait pour déclarer des constantes ou des variables qui ne doivent pas être réaffectées.
? Exemple :

let name = "Richa"; // Declaration + Initialization

Vous devez initialiser une variable const lors de sa déclaration :
? Exemple :

let age; // Declaration
age = 25; // Initialization
console.log(age); // Outputs: 25

?Un exemple concret

Tâches pour explorer les variables

Voici quelques exemples pour tester votre compréhension des variables :

let userName = "John"; // Descriptive and camelCase
const MAX_USERS = 100; // Use uppercase for constants
let _tempValue = 42; // Valid use of underscore
let $price = 99.99; // Valid use of $

Conclusion

La maîtrise des variables est la première étape vers l'écriture d'un code JavaScript propre et efficace.

• Utilisez const autant que possible pour plus de stabilité.
• Utilisez let uniquement lorsque la valeur doit changer.
• Évitez var pour éviter les problèmes difficiles à déboguer.

Bon codage ! ?

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!