Wiki SGY.io

Outils pour utilisateurs

Outils du site

Piste : • mamp
web:javascript:es6:toc

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision		Révision précédente
web:javascript:es6:toc [2016/03/06 17:15] – sgariepyweb:javascript:es6:toc [2022/02/02 00:42] (Version actuelle) – modification externe 127.0.0.1
Ligne 1: Ligne 1:
 +====== ES6 ======
  
  
 +====== Déclaration des variables ======
 +
 +Avec l'utilisation de ''let'', la portée de la variable est limitée au bloc dans lequel il appartient (//lexical scoping//).
 +
 +<code javascript>
 +let a = 1;
 +</code>
 +
 +Avec ''const'' on peut déclarer des constantes.
 +
 +<code javascript>
 +const a = 1;
 +
 +a = a*2;  // erreur
 +</code>
 +
 +Par contre, ''const'' doit garder la même référence, donc pour un tableau, on peut modifier son contenu:
 +
 +<code javascript>
 +const a = [1, 2, 3];
 +
 +a[0] = a[0]*2;  // pas d'erreur 
 +</code>
 +
 +====== String templates ======
 +
 +
 +<code javascript>
 +let first = 'John';
 +let last = 'Doe';
 +let amount = 100;
 +
 +let message = `Cher ${first} ${last}, votre solde est de ${amount} dollars.`;
 +</code>
  
  
Ligne 42: Ligne 77:
 import { hello } from 'person'; import { hello } from 'person';
 </code> </code>
 +
 +
 +====== Fat Arrow ou Arrow Functions ======
 +
 +
 +On peut déclarer des fonctions anonymes de façon plus concise en utilisant le //fat arrow// (''%%=>%%'').
 +
 +La référence à ''this'' n'a alors pas le même contexte que dans ES5.
 +
 +<code>
 +function Person() {
 +    this.age = 0;
 +    setInterval(() => {
 +        this.age++;
 +        console.log(this.age);
 +    }, 1000);
 +}
 +
 +var p = new Person();
 +</code>
 +
 +
 +====== Sources ======
 +
 +  * [[https://github.com/DrkSephy/es6-cheatsheet]]
 +  * https://es6cheatsheet.com/
 +
 +
 +
 +
web/javascript/es6/toc.1457280932.txt.gz · Dernière modification : 2022/02/02 00:43 (modification externe)