Comprendre les variables

Les variables sont l'épine dorsale de tout langage de programmation, et JavaScript ne fait pas exception. Ce sont des conteneurs permettant de stocker des valeurs de données, ce qui facilite la manipulation et l'utilisation des données dans tout votre code. Que vous soyez débutant ou professionnel, maîtriser les fondamentaux des variables est crucial pour écrire du code JavaScript propre et efficace.

Qu'est-ce qu'une variable ?

Une variable en JavaScript est un stockage nommé pour les données. Il vous permet de sauvegarder une valeur et d'y faire référence plus tard dans votre programme.

Caractéristiques clés :

• Nom : Une étiquette utilisée pour référencer la variable (par exemple, âge, nom d'utilisateur).
• Valeur : Les données affectées à la variable (par exemple 25, John Doe).
• Type : le type de données stockées, telles qu'un nombre, une chaîne, un booléen, etc.

Déclaration de variables

En JavaScript, vous pouvez déclarer des variables en utilisant les mots-clés var, let ou const

1.var

Le mot-clé var était la manière originale de déclarer des variables en JavaScript. Il est désormais moins couramment utilisé en raison de sa portée fonctionnelle et de son potentiel de comportements inattendus.
Exemple :

var message = "Hello world!";
console.log(message);

// Hello, world!

2. laisser

Introduit dans ES6 (2015), let a une portée de bloc et est préféré dans la plupart des cas où la valeur de la variable doit changer.
Exemple :

let age = 30;
age = 31; // Updating the value
console.log(age); 

// 31

3.const

const a également une portée de bloc mais est utilisé pour les variables dont les valeurs ne doivent pas changer.
Exemple :

const pi = 3.14;
// pi = 3.15; // TypeError: Assignment to constant variable
console.log(pi);

// 3.14

Règles de dénomination des variables

1. Doit commencer par une lettre, _ ou $(par exemple, nom, _id, $amount).
2. Impossible de commencer par un chiffre.
3. sensible à la casse (par exemple, le nom et le nom sont différents).
4. Impossible d'utiliser des mots-clés réservés comme if, while, function, etc.

Exemple :

let firstName = "Alice";
let $price = 50;
let _discount = 10;
console.log(firstName, $price, _discount);

// Alice 50 10

Types de données des variables

Les variables JavaScript peuvent contenir différents types de données :

1. Types de données primitifs

• Nombre : par exemple, 42, 3,14
• Chaîne : par exemple, "Bonjour", "Monde"
• Booléen : par exemple, vrai, faux
• Non défini : Une variable déclarée mais à laquelle aucune valeur n'est attribuée.
• Null : Représente une absence intentionnelle de toute valeur.
• Symbole : Valeurs uniques et immuables.

Exemple :

let score = 100; // Number
let name = "John"; // String
let isActive = true; // Boolean
let result; // Undefined
let emptyValue = null; // Null
console.log(score, name, isActive, result, emptyValue);

// 100 John true undefined null

2. Types de données complexes

• Objets : collections de paires clé-valeur.
• Tableaux : listes ordonnées de valeurs.

Exemple :

var message = "Hello world!";
console.log(message);

// Hello, world!

Portée des variables

1. Portée mondiale : accessible n'importe où dans le code.
2. Portée de la fonction : les variables déclarées avec var à l'intérieur d'une fonction sont confirmées à cette fonction.
3. Portée du bloc : les variables déclarées avec let ou const sont confirmées dans le bloc dans lequel elles sont déclarées.

Exemple :

let age = 30;
age = 31; // Updating the value
console.log(age); 

// 31

Meilleures pratiques

1. Utiliser const par défaut ; passez à let si la valeur doit changer.
2. Évitez d'utiliser var sauf si cela est nécessaire pour le code existant.
3. Choisissez des noms de variables significatifs (par exemple, userAge au lieu de x).
4. Utilisez camelCase pour nommer les variables.
5. Initialisez les variables lors de leur déclaration.

Exemple :

const pi = 3.14;
// pi = 3.15; // TypeError: Assignment to constant variable
console.log(pi);

// 3.14

Conclusion

Les variables sont essentielles en JavaScript pour stocker et manipuler les données. Comprendre leur déclaration, leur portée et leurs meilleures pratiques garantit un codage propre et efficace. Commencez par let et const, utilisez des noms significatifs et soyez toujours attentif à la portée. La maîtrise de ces bases établira une base solide pour des concepts JavaScript plus avancés.

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!