ES6 – Les nouveaux mots-clés

let et const

En JavaScript ES6, il existe plusieurs façons de déclarer des variables, notamment avec le mot-clé « let » et « const ». Les variables déclarées avec « let » peuvent être réaffectées, tandis que les variables déclarées avec « const » ne peuvent pas être réaffectées après leur déclaration.
Il est important de noter que les variables déclarées avec « let » ou « const » ont une portée de bloc. Cela signifie que si vous déclarez une variable dans une boucle ou dans une fonction, elle ne sera accessible qu’à l’intérieur de ce bloc.(contrairement à var)

let

Les variables déclarées avec « let » peuvent être réaffectées.


let x = 1;

if (x === 1) {
  let x = 2;
  console.log(x);
  // résultat: 2
}
console.log(x);
// résultat: 1

const

Les variables déclarées avec « const » ne peuvent pas être réaffectées après leur déclaration.
Ce sont des constante accessibles uniquement en lecture.
L’identifiant ne peut pas être réaffecté.


const NOMBRE = 42;
try {
  NOMBRE = 99;
} catch(err) {
  console.log(err);
  // résultat espéré : message d'erreur dépendant du navigateur
 }
console.log(NOMBRE);
// résultat espéré : 42

Jsfiddle

Publier 4 mai 2018 par Michel PIALLIER dans ES6 - Les nouveaux mots-clés Commentaires fermés

Ecriture d’une fonction fléchée

Les fonctions fléchées offrent une syntaxe raccourcie des fonctions en utilisant la syntaxe =>.

Syntaxe



function appelleMoi(nom) {console.log(nom);}

const appelleMoi = function(nom) {console.log(nom);}

devient



const appelleMoi = (nom) => {console.log(nom);}

Pas d’argument



const appelleMoi = () => {console.log('Michel!');}

Un argument



const appelleMoi = nom => {console.log(nom);}

retour d’une seule valeur



const appelleMoi = nom => nom

équivalent à :



const appelleMoi = nom => {return nom;}

Jsfiddle

Publier 17 mai 2018 par Michel PIALLIER dans ES6 - Les fonctions fléchées Commentaires fermés

L’objet « Map »

L’objet Map représente un dictionnaire, autrement dit une carte de clés/valeurs.
L’ordre d’insertion des clés est mémorisé dans l’objet et les boucles sur les Map parcourent les clés dans cet ordre.
Exemple si on veut décrire les dirigeant d’un club

Position(clé)	Nom(valeur)
Président	M Dupont
Vice-Président	F Renard
Secrétaire	S joly

Javascript


let team = new Map();
team.set("Président", "M Dupont");
team.set("Vice-Président", "F Renard");
team.set("Secrétaire", "S Joly");

// Autre écriture
// Le Map() constructor
let family = new Map([
['mother', 'Joan'],
['father', 'Rick'],
['brother', 'Brett'],
['sister-in-law', 'Kerry'],
['cousin', 'Joyce']    
]);

Jsfiddle

Publier 25 juin 2019 par sm2017 dans ES6 - DIvers Commentaires fermés

« Previous 1 2 3