Variables Javascript

C'est quoi une Variable ?

Les variables sont fondamentales pour tous les langages de programmation. Les variables sont utilisées pour stocker des données, comme une chaîne de texte, des nombres, etc. Les données ou la valeur stockées dans les variables peuvent être définies, mises à jour et récupérées chaque fois que nécessaire. En général, les variables sont des noms symboliques pour les valeurs.

Vous pouvez créer une variable avec le mot-clé var, tandis que l'opérateur d'affectation ( =) est utilisé pour affecter une valeur à une variable, comme ceci : var varNom = valeur;

var nom = "John Walter";
var age = 21;
var marrier = false;

Conseil : Donnez toujours des noms significatifs à vos variables. De plus, pour nommer les variables qui contiennent plusieurs mots, camelCase est couramment utilisé. Dans cette convention, tous les mots après le premier doivent avoir une première lettre majuscule, par exemple myLongVariableName.

 

Dans l'exemple ci-dessus, nous avons créé trois variables, la première a été affectée avec une valeur de chaîne de caractère (String), la seconde a été affectée avec un nombre (int), tandis que la dernière a été affectée avec une valeur booléenne (bool). Les variables peuvent contenir différents types de données, nous les découvrirons dans un chapitre ultérieur.

En JavaScript, les variables peuvent également être déclarées sans qu'aucune valeur initiale ne leur soit affectée. Ceci est utile pour les variables censées contenir des valeurs telles que les entrées utilisateur.

/* déclarer une Variable */
var userName; 
/* affecter une valeur */
userName = "Clark Kent";

Remarque : En JavaScript, si une variable a été déclarée, mais qu'aucune valeur n'a été explicitement affectée, la valeur est automatiquement affectée à undefined.

Déclarer plusieurs variables à la fois

De plus, vous pouvez également déclarer plusieurs variables et définir leurs valeurs initiales dans une seule instruction. Chaque variable est séparée par des virgules, comme illustré dans l'exemple suivant :

/* déclarer multiple Variables */
var name = "John Walter", age = 21, marrier = false;
 
/* Une très longue déclaration
peut être écrite sur plusieurs lignes
pour une bonne compréhension */
var name = "John Walter",
age = 21,
marrier = false;

Les mots-clés let et const   ES6 

ES6 introduit deux nouveaux mots-clés let et const pour déclarer des variables.

Le mot-clé const fonctionne exactement de la même manière que let, sauf que les variables déclarées à l'aide de mot-clé const ne peuvent pas être réaffectées plus tard dans le code. Voici un exemple :

/* Déclarer les variables */
let name = "Harry Potter";
let age = 11;
let isStudent = true;

/* Déclarer des constantes */
const PI = 3.14;

console.log(PI); /* 3.14 */
/* Asseyons de réaffecter */
PI = 10; // erreur

Contrairement à var, qui déclarent des variables de portée fonction , les mots-clés let et const déclarent des variables, portées au niveau du bloc ( {}). La portée de bloc signifie qu'une nouvelle portée est créée entre une paire d'accolades {}. Nous en discuterons en détail plus tard, dans le chapitre sur les fonctionnalités de JavaScript ES6 .

Remarque : Les mots-clés let et const ne sont pas pris en charge dans les navigateurs plus anciens comme IE10. IE11 les supporte partiellement. Consultez le chapitre sur les fonctionnalités de JS ES6 pour savoir comment commencer à utiliser ES6 dès aujourd'hui.

Conventions de dénomination pour les variables JavaScript

Voici les règles suivantes pour nommer une variable JavaScript :

• Un nom de variable doit commencer par une lettre, un trait de soulignement ( _) ou un signe dollar ( $).
• Un nom de variable ne peut pas commencer par un nombre.
• Un nom de variable ne peut contenir que des caractères alphanumériques ( A-z, 0-9) et des traits de soulignement.
• Un nom de variable ne peut pas contenir d'espaces.
• Un nom de variable ne peut pas être un mot-clé JavaScript ou un mot réservé JavaScript .

Remarque : les noms de variables en JavaScript sont sensibles à la casse, cela signifie $myvar et $myVar sont deux variables différentes. Soyez donc prudent lors de la définition des noms de variables.