Desctructuring and spread tutorial illustration
Javascript

Javascript moderne, partie 1 : mots-clés inévitables : let et const

Salut les amis ! Voici la première partie d’une série de cours sur le Javascript moderne. Aujourd’hui, le sujet sera vraiment basique, donc, vraiment important : la déclaration de variables avec les mots-clés ES6 : const et let.

LET’s go

les spécificités de let

  • Il a une portée de bloc
  • Et il ne peut être déclaré qu’une seule fois, sauf dans un autre bloc

Utilisation simple du mot clé let

let a = 1;
// here a equals 1

let a = 2;
// -> error, because a is already declared

if (true) {
  let a = 2; // this will work, because we are inside a block
}

Vous pouvez faire ce qui suit

let a = 1; // a = 1
a = 2; // a = 2
a = 3; // a = 3

Et vous pouvez également déclarer sans valeur :

let a; // a = undefined
a = 2; // a = 2

Différence entre var et let

  • var a une portée de fonction
  • var peut être re-déclaré

Comme nous l’avons vu précédemment, cela déclenchera une erreur :

let a = 'hello';
let a = 'bye'; // ERREUR : a is already declared

Mais, cela fonctionnera :

var a = 'hello';
var a = 'bye'; // Ca fonctionne, a = 'bye'

Comme nous l’avons vu, vous pouvez déclarer une variable avec let une seule fois à l’intérieur d’un bloc, après cela, vous pourrez uniquement changer sa valeur. C’est la principale différence avec le mot-clé var.

Let’s CONST

Spécificités de const

  • Il a une portée de bloc, comme let
  • Et il ne peut pas être redéfini ou re-déclaré

Comment utiliser const ?

const a = 1;
// a vaut maintenant 1

a = 2;
// -> erreur, déjà déclaré

En effet, une variable définie avec const ne peut avoir qu’une seule valeur.

Cependant, une chose que vous devez savoir sur const : une valeur est nécessaire. Donc, vous ne pouvez pas écrire ceci :

const a;
// Erreur

Quand utiliser const ?

La réponse est : autant que possible !

En effet, const n’est pas une constante ! C’est plutôt une variable statique. Dans la plupart des cas, vous pouvez utiliser const. Même si vous avez un objet, ou un tableau, vous pouvez utiliser const.

Exemple :

const obj = {};

obj.property = "hello";
// It's work perfectly because the reference has not changed.

Avec un tableau :

const obj = {};

obj.property = "hello";
// Ca fonctionne parfaitement, car la valeur de obj n'a pas changé.

Et pour conclure…

Si vous avez besoin de mémoriser quelque chose, c’est :

  • var – a une portée de niveau de fonction et peut changer de valeur
  • let – a une portée de niveau de bloc et peut changer de valeur
  • const – a une portée de niveau de bloc mais ne peut pas changer de valeur

Et surtout, préférez l’utilisation de const quand c’est possible.

C’est tout. Merci d’avoir lu, et à bientôt pour la prochaine partie de mon guide sur le Javascript Moderne 😉


Aller à Modern Javascript PARTIE 2