JavaScript Variables

Que sont les variables ?

Les variables sont des conteneurs pour stocker des données (stockage de valeurs de données).

Dans cet exemple, x, y et z, sont des variables, déclarées avec le mot clé var :

Dans cet exemple, x, y et z, sont des variables, déclarées avec le mot clé let :

Dans cet exemple, x, y et z, sont des variables non déclarées :

De tous les exemples ci-dessus, vous pouvez deviner :

• x stocke la valeur 5
• y stocke la valeur 6
• z stocke la valeur 11

Quand utiliser JavaScript const ?

Si vous voulez une règle générale : déclarez toujours les variables avec const.

Si vous pensez que la valeur de la variable peut changer, utilisez let.

Dans cet exemple, price1, price2 et total, sont des variables :

Les deux variables price1 et price2 sont déclarées avec le const mot-clé.

Ce sont des valeurs constantes et ne peuvent pas être modifiées.

La variable total est déclarée avec le mot clé let.

Il s'agit d'une valeur qui peut être modifiée.

Tout comme l'algèbre

Tout comme en algèbre, les variables contiennent des valeurs :

Tout comme en algèbre, les variables sont utilisées dans les expressions :

D’après l’exemple ci-dessus, vous pouvez deviner que le total calculé est de 11.

JavaScript Identifiants

Toutes les variables JavaScript doivent être identifiées avec des noms uniques.

Ces noms uniques sont appelés identifiants.

Les identifiants peuvent être des courts noms (comme x et y) ou des noms plus descriptifs (age, sum, totalVolume).

Les règles générales de construction des noms de variables (identifiants uniques) sont :

• Les noms peuvent contenir des lettres, des chiffres, des traits de soulignement et des signes dollar.
• Les noms doivent commencer par une lettre
• Les noms peuvent également commencer par $ et _ (mais nous ne l'utiliserons pas dans ce didacticiel)
• Les noms sont sensibles à la casse (y et Y sont des variables différentes)
• Les mots réservés (comme les mots clés JavaScript) ne peuvent pas être utilisés comme noms

L'opérateur d'affectation

En JavaScript, le signe égal (=) est un opérateur « d'affectation », et non un opérateur « égal à ».

C’est différent de l’algèbre. Ce qui suit n’a pas de sens en algèbre :

En JavaScript, cependant, cela est parfaitement logique : il attribue la valeur x + 5 à x.

(Il calcule la valeur de x + 5 et met le résultat dans x. La valeur de x est incrémentée de 5.)

JavaScript Types de données

Les variables JavaScript peuvent contenir des nombres comme 100 et des valeurs de texte comme "John Doe".

En programmation, les valeurs de texte sont appelées chaînes de texte.

JavaScript peut gérer de nombreux types de données, mais pour l'instant, pensez simplement aux nombres et aux chaînes.

Les chaînes sont écrites entre guillemets doubles ou simples. Les nombres sont écrits sans guillemets.

Si vous mettez un nombre entre guillemets, il sera traité comme une chaîne de texte.

Déclarer une variable JavaScript

Créer une variable en JavaScript s'appelle « déclarer » une variable.

Vous déclarez une variable JavaScript avec le mot clé var ou let :

Après la déclaration, la variable n'a plus de valeur (techniquement elle est non définie).

Pour attribuer une valeur à la variable, utilisez le signe égal :

Vous pouvez également attribuer une valeur à la variable lorsque vous la déclarez :

Dans l'exemple ci-dessous, nous créons une variable appelée carName et lui attribuons la valeur "Volvo".

Ensuite, nous "affichons" la valeur dans un paragraphe HTML avec id="demo":

Une déclaration, plusieurs variables

Vous pouvez déclarer plusieurs variables dans une seule instruction.

Démarrez l'instruction avec let et séparez les variables par une virgule :

Une déclaration peut s'étendre sur plusieurs lignes :

Valeur = undefined

Dans les programmes informatiques, les variables sont souvent déclarées sans valeur. La valeur peut être quelque chose qui doit être calculé ou quelque chose qui sera fourni plus tard, comme une entrée de l'utilisateur.

Une variable déclarée sans valeur aura la valeur undefined.

La variable carName aura la valeur undefined après l'exécution de cette instruction :

Re-déclarer les variables JavaScript

Si vous déclarez à nouveau une variable JavaScript déclarée avec var, elle ne perdra pas sa valeur.

La variable carName aura toujours la valeur "Volvo" après l'exécution de ces instructions :

JavaScript Arithmétique

Comme pour l'algèbre, vous pouvez faire de l'arithmétique avec des variables JavaScript, en utilisant des opérateurs comme = et +:

Vous pouvez également ajouter des chaînes, mais les chaînes seront concaténées :

Essayez aussi ceci :

Maintenant, essayez ceci :

JavaScript Signe dollar $

Étant donné que JavaScript traite le signe dollar comme une lettre, les identifiants contenant $ sont des noms de variables valides :

L'utilisation du signe dollar n'est pas très courante en JavaScript, mais les programmeurs professionnels l'utilisent souvent comme alias pour la fonction principale d'une bibliothèque JavaScript.

Dans la bibliothèque JavaScript jQuery, par exemple, la fonction principale $ est utilisée pour sélectionner des éléments HTML. Dans jQuery, $("p"); signifie "sélectionner tous les p éléments".

JavaScript Souligner (_)

Puisque JavaScript traite le trait de soulignement comme une lettre, les identifiants contenant _ sont des noms de variables valides :

L'utilisation du trait de soulignement n'est pas très courante en JavaScript, mais une convention parmi les programmeurs professionnels consiste à l'utiliser comme alias pour les variables « privées (cachées) ».

    var  = "";