Tous les tutos javascript
- Apprendre le Javascript
- Les variables – Javascript
- Exercices variables et concaténation en Javascript
- Les opérateurs – Javascript
- Les boucles – Javascript
- Les fonctions – Javascript
- La syntaxe de base en Javascript
- La méthode Fetch() – Javascript
- Fetch Javascript – mis en pratique
- Récupérer des images d’une API avec la méthode fetch()
Tutos Javascript - les variables
Les variables sont la base de Javascript.
Lorsque vous commencerez à coder, vous devrez impérativement déclarer des variables.
Les variables permettent de stocker des informations afin de les utiliser plus tard dans le programme. Par exemple, vous pouvez stocker le nom d'un utilisateur ou le résultat d'un calcul dans une variable.
Une variable est un conteneur, un espace de stockage qui garde des valeurs.
Pour déclarer une variable, on utilise let
.
let
a été ajouté dans les dernières versions de Javascript et n'a pas la même portée que var
suivi du nom de la variable.
(Pour comprendre la différence entre let
et var
: lisez cet article)
Attention à la casse :
let myName;
sera différent de
let myname;
Un nom de variable ne peut contenir que des caractères alphanumériques (0-9, a-z, A-Z, également l'underscore _ mais pas en premier caractère ).
Vous pouvez utiliser n'importe quel nom à condition que celui-ci ne soit pas un mot-clé réservé par Javascript.
On utilise le camelCase pour nommer les variables lorsqu'elles contiennent plus d'un mot : la première lettre est en minuscule et la première lettre du mot qui suit sera en majuscule.
Pensez également à nommer vos variables de façon explicite.
Ainsi lorsque vous reviendrez sur votre code (ou si un autre développeur revient dessus), vous saurez de quoi il s'agit.
Affectation
On affecte une valeur à la variable avec l'opérateur =
, c'est une affectation :
let myName = 'Dino';
Les variables servent à enregistrer et à manipuler des données.
Les types de valeur
Les variables Javascript vont pouvoir stocker différents types de valeur.
Il existe 7 types de valeurs :
- String
- Number
- Boolean
- Null
- Undefined
- Symbol
- Object
String correspond à une chaîne de caractères (un texte). La chaîne de caractères doit être entourée d'apostrophes doubles ou simples.
let myName = "Pierre Gisol";
A noter que si un nombre est entouré de guillemets, il sera alors considéré comme une chaîne de caractères.
Si votre texte comporte une apostrophe, il faut alors délimité avec un anti-slash afin que ce ne soit pas compris comme une fermeture de chaîne :
let myName = 'je m\'appelle Pierre Gisol';
Number sert à stocker des nombres :
let x = 22;
Vous pouvez remarquer qu'il n'y a pas d'apostrophe.
Boolean (boléen) est un type qui ne contient que deux valeurs : true ou false (vrai ou faux).
Les autres types seront vus avec la pratique.
Les constantes
Les constantes sont des variables dont la valeur ne pourra pas être réaffectée.
Vous comprendrez rapidement la différence entre let
et const
en pratiquant.
let
lorsque sa valeur peut être réaffectée contrairement à const
.Pensez à donner des noms explicites à vos variables et écrivez en camelCase lorsque deux noms se suivent.