Variables et constantes JavaScript

Dans ce didacticiel, vous découvrirez les variables et les constantes JavaScript, ainsi que comment les initialiser et les utiliser à l'aide d'exemples.

Variables JavaScript

En programmation, une variable est un conteneur (zone de stockage) pour contenir des données. Par exemple,

let num = 5;

Voici numla variable qui contient le nombre 5.

Variables de déclaration JavaScript

En JavaScript, nous utilisons des mots var- letclés et pour déclarer des variables. Par exemple,

 var x; let y;

Ici, x et y sont des variables.

JavaScript var Vs let

Les deux varet letsont utilisés pour déclarer des variables. Cependant, il existe des différences entre eux.

var laisser
var est utilisé dans les anciennes versions de JavaScript letest la nouvelle façon de déclarer des variables à partir de ES6 (ES2015) .
var est une fonction (sera abordée dans les didacticiels ultérieurs) let est limité au bloc (sera abordé dans les didacticiels ultérieurs).
Par exemple, var x; Par exemple, let y;

Remarque: il est recommandé d'utiliser à la letplace de var. Cependant, il existe quelques navigateurs qui ne prennent pas en charge let. Visitez JavaScript et laissez le navigateur prendre en charge pour en savoir plus.

Variables d'initialisation JavaScript

Nous utilisons l'opérateur d'affectation =pour attribuer une valeur à une variable.

 let x; x = 5;

Ici, 5 est affecté à la variable x.

Vous pouvez également initialiser des variables lors de sa déclaration.

 let x = 5; let y = 6;

En JavaScript, il est possible de déclarer des variables dans une seule instruction.

 let x = 5, y = 6, z = 7;

Si vous utilisez une variable sans l'initialiser, elle aura une undefinedvaleur.

 let x; // x is the name of the variable console.log(x); // undefined

Ici, x est le nom de la variable et comme il ne contient aucune valeur, il sera indéfini.

Vous découvrirez undefineden détail et d'autres types de données dans le prochain didacticiel.

Changer la valeur des variables

Il est possible de modifier la valeur stockée dans la variable. Par exemple,

 // 5 is assigned to variable x let x = 5; console.log(x); // 5 // vaue of variable x is changed x = 3; console.log(x); // 3

La valeur d'une variable peut varier . Par conséquent, la variable de nom .

Règles de dénomination des variables JavaScript

Les règles de dénomination des variables sont:

  1. Les noms de variable doivent commencer par une lettre, un trait de soulignement _ou le signe dollar $. Par exemple, 
     //valid let a = 'hello'; let _a = 'hello'; let $a = 'hello';
  2. Les noms de variables ne peuvent pas commencer par des nombres. Par exemple, 
     //invalid Let 1a = 'hello'; // this gives an error
  3. JavaScript est sensible à la casse. Donc, y et Y sont des variables différentes. Par exemple, 
     let y = "hi"; let Y = 5; console.log(y); // hi console.log(Y); // 5
  4. Les mots clés ne peuvent pas être utilisés comme noms de variables. Par exemple, 
     //invalid let new = 5; // Error! new is a keyword.

Remarques:

  • Bien que vous puissiez nommer les variables comme vous le souhaitez, il est recommandé de donner un nom de variable descriptif. Si vous utilisez une variable pour stocker le nombre de pommes, il est préférable d'utiliser des pommes ou numberOfApples plutôt que x ou n.
  • En JavaScript, les noms des variables sont généralement écrits en camelCase s'il contient plusieurs mots. Par exemple, firstName, annualSalary, etc.

Constantes JavaScript

Le constmot-clé a également été introduit dans la version ES6 (ES2015) pour créer des constantes. Par exemple,

 const x = 5;

Une fois qu'une constante est initialisée, nous ne pouvons pas changer sa valeur.

 const x = 5; x = 10; // Error! constant cannot be changed. console.log(x)

Simplement, une constante est un type de variable dont la valeur ne peut pas être modifiée.

De plus, vous ne pouvez pas déclarer une constante sans l'initialiser. Par exemple,

 const x; // Error! Missing initializer in const declaration. x = 5; console.log(x)

Remarque: Si vous êtes sûr que la valeur d'une variable ne changera pas tout au long du programme, il est recommandé d'utiliser const. Cependant, il existe quelques navigateurs qui ne prennent pas en charge const. Visitez le support du navigateur JavaScript const pour en savoir plus

Maintenant que vous connaissez les variables, vous découvrirez les différents types de données qu'une variable peut stocker dans le prochain didacticiel.

Articles intéressants...