Variables JavaScript
Variables = Conteneurs de données
Les variables JavaScript sont des conteneurs pour les données.
Les variables JavaScript peuvent être déclarées de quatre manières :
JavaScript moderne
- En utilisant
let - En utilisant
const
JavaScript ancien
- En utilisant
var(non recommandé) - Automatiquement (non recommandé)
Exemple utilisant let
let x = 5;
let y = 6;
let z = x + y; Exemple utilisant const
const x = 5;
const y = 6;
const z = x + y; D'après les exemples, vous pouvez en déduire :
- x contient (ou stocke) la valeur 5
- y contient (ou stocke) la valeur 6
- z contient (ou stocke) la valeur 11
Les variables sont des étiquettes pour les valeurs de données.
Les variables sont des conteneurs pour stocker des données.
Identifiants JavaScript
Les variables sont identifiées par des noms uniques appelés identifiants .
Les noms peuvent être courts comme x, y, z.
Les noms peuvent être descriptifs comme age, sum, carName.
Les règles pour construire des noms (identifiants) sont :
- Les noms peuvent contenir des lettres, des chiffres, des underscores et des signes dollar.
- Les noms doivent commencer par une lettre, un signe $ ou un underscore (_).
- Les noms sont sensibles à la casse (X est différent de x).
- Les mots réservés (mots-clés JavaScript) ne peuvent pas être utilisés comme noms.
Remarque
Les chiffres ne sont pas autorisés comme premier caractère dans les noms.
De cette façon, JavaScript peut facilement distinguer les identifiants des nombres.
Underscore (_) JavaScript
JavaScript traite l'underscore comme une lettre.
Les identifiants contenant _ sont des noms de variables valides :
Exemple
let _lastName = "Johnson";
let _x = 2;
let _100 = 5;
Une convention parmi les programmeurs professionnels est de commencer un nom par un underscore pour les variables "privées".
Signe dollar $ JavaScript
JavaScript traite également un signe dollar comme une lettre.
Les identifiants contenant $ sont des noms de variables valides :
Exemple
let $ = "Hello World";
let $$$ = 2;
let $myMoney = 5;
L'utilisation du $ n'est pas très courante en JavaScript, mais les programmeurs professionnels l'utilisent souvent comme un alias pour la fonction principale dans les bibliothèques JavaScript.
Déclaration des variables JavaScript
Créer une variable en JavaScript s'appelle déclarer une variable.
Vous déclarez une variable JavaScript avec le mot-clé let ou le mot-clé const .
Déclaration d'une variable en utilisant let
let carName; Après la déclaration, la variable n'a pas de valeur (techniquement elle est undefined ).
Pour assigner une valeur à la variable, utilisez le signe égal :
carName = "Volvo"; Le plus souvent, vous assignerez une valeur à la variable lorsque vous la déclarerez :
Exemple
Créez une variable appelée carName et assignez-lui la valeur "Volvo" :
let carName = "Volvo";
Déclaration d'une variable en utilisant const
Utilisez toujours const si la valeur ne doit pas être changée.
const carName = "Volvo"; Un exemple mixte
const price1 = 5;
const price2 = 6;
let total = price1 + price2;
Les deux variables price1 et price2 sont déclarées avec le mot-clé const .
Les valeurs de price1 et price2 ne peuvent pas être changées.
La variable total est déclarée avec le mot-clé let .
La valeur de total peut être changée.
Déclaration d'une variable automatiquement
Les variables non déclarées sont automatiquement déclarées lors de leur première utilisation :
Exemple ( Non recommandé)
x = 5;
y = 6;
z = x + y; C'est une bonne pratique de programmation de déclarer toutes les variables au début d'un script.
Déclaration d'une variable en utilisant var
Le mot-clé var était utilisé dans tout le code JavaScript avant 2015.
Les mots-clés let et const ont été introduits dans JavaScript en 2015.
Utilisation de var ( Non recommandé)
var x = 5;
var y = 6;
var z = x + y; Quand utiliser var, let ou const ?
1. Déclarez toujours des variables.
2. Utilisez toujours const si la valeur ne doit pas être changée.
3. Utilisez toujours const si le type ne doit pas être changé (Tableaux et Objets).
4. Utilisez uniquement let si vous ne pouvez pas utiliser const .
5. N'utilisez jamais var si vous pouvez utiliser let ou const.
Types de données JavaScript
Les variables JavaScript peuvent contenir 8 types de données , mais pour l'instant, pensez simplement à des nombres et des chaînes .
Les chaînes sont du texte écrit entre guillemets .
Les nombres sont écrits sans guillemets .
Si vous mettez un nombre entre guillemets, il sera traité comme une chaîne de texte.
Exemple
const pi = 3.14;
let person = "John Doe";
let answer = 'Oui, je suis !'; Une déclaration, plusieurs variables
Vous pouvez déclarer plusieurs variables dans une seule déclaration.
Commencez la déclaration avec let ou const et séparez les variables par une virgule :
Exemple
let person = "John Doe", carName = "Volvo", price = 200; Une déclaration peut s'étendre sur plusieurs lignes :
Exemple
let person = "John Doe",
carName = "Volvo",
price = 200; L'opérateur d'assignation
En JavaScript, le signe égal ( = ) est un opérateur d'assignation , pas un opérateur d'égalité .
Cela est différent de l'algèbre. Ce qui suit n'a pas de sens en algèbre :
x = x + 5 En JavaScript, cependant, cela a parfaitement du sens : cela assigne la valeur de x + 5 à x.
(Cela calcule la valeur de x + 5 et met le résultat dans x. La valeur de x est incrémentée de 5.)
Remarque
L'opérateur d'égalité est écrit comme == en JavaScript.
Arithmétique JavaScript
Comme en algèbre, vous pouvez faire des opérations arithmétiques avec des variables JavaScript, en utilisant des opérateurs comme = et + :
Exemple
let x = 5 + 2 + 3;
Vous pouvez également ajouter des chaînes, mais les chaînes seront concaténées :
Exemple
let x = "John" + " " + "Doe"; Remarque
Si vous mettez un nombre entre guillemets, le reste des nombres sera traité comme des chaînes, et concaténé.
Exemples
let x = "5" + 2 + 3;
let x = 2 + 3 + "5";