web:javascript:es6:toc
Différences
Ci-dessous, les différences entre deux révisions de la page.
Prochaine révision | Révision précédente | ||
web:javascript:es6:toc [2016/03/06 16:52] – créée sgariepy | web: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' | ||
- | ====== Itérateurs ====== | + | <code javascript> |
+ | let a = 1; | ||
+ | </ | ||
+ | Avec '' | ||
+ | |||
+ | <code javascript> | ||
+ | const a = 1; | ||
+ | |||
+ | a = a*2; // erreur | ||
+ | </ | ||
+ | |||
+ | Par contre, '' | ||
+ | |||
+ | <code javascript> | ||
+ | const a = [1, 2, 3]; | ||
+ | |||
+ | a[0] = a[0]*2; | ||
+ | </ | ||
+ | |||
+ | ====== String templates ====== | ||
+ | |||
+ | |||
+ | <code javascript> | ||
+ | let first = ' | ||
+ | let last = ' | ||
+ | let amount = 100; | ||
+ | |||
+ | let message = `Cher ${first} ${last}, votre solde est de ${amount} dollars.`; | ||
+ | </ | ||
+ | |||
+ | |||
+ | ====== Itérateurs ====== | ||
<code javascript> | <code javascript> | ||
var cars = [' | var cars = [' | ||
+ | // forEach() de ES5 et ES6 | ||
+ | cars.forEach(function(car) { | ||
+ | console.log(car); | ||
+ | )}; | ||
+ | |||
+ | // Dans ES6, opérateur ' | ||
for(var value of cars) { | for(var value of cars) { | ||
console.log(value); | console.log(value); | ||
} | } | ||
</ | </ | ||
+ | |||
+ | |||
+ | |||
+ | ====== Modules ====== | ||
+ | |||
+ | On peut // | ||
+ | |||
+ | <code javascript> | ||
+ | // Fichier: lib/ | ||
+ | |||
+ | module ' | ||
+ | export function hello(name) { | ||
+ | return name; | ||
+ | } | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | Ensuite, on peut importer '' | ||
+ | |||
+ | <code javascript> | ||
+ | // Fichier: app.js | ||
+ | |||
+ | import { hello } from ' | ||
+ | </ | ||
+ | |||
+ | |||
+ | ====== 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 à '' | ||
+ | |||
+ | < | ||
+ | function Person() { | ||
+ | this.age = 0; | ||
+ | setInterval(() => { | ||
+ | this.age++; | ||
+ | console.log(this.age); | ||
+ | }, 1000); | ||
+ | } | ||
+ | |||
+ | var p = new Person(); | ||
+ | </ | ||
+ | |||
+ | |||
+ | ====== Sources ====== | ||
+ | |||
+ | * [[https:// | ||
+ | * https:// | ||
+ | |||
+ | |||
+ | |||
+ |
web/javascript/es6/toc.1457279540.txt.gz · Dernière modification : 2022/02/02 00:43 (modification externe)