ECMAScript 2015 – ES6 (Français)
ECMAScript 6 était la deuxième version majeure de JavaScript.
ECMAScript 6 est également connu sous les noms ES6 et ECMAScript 2015,
Ce chapitre décrit les fonctionnalités les plus importantes D’ES6.,5ad79ce91″>
JavaScript let
The let keyword allows you to declare a variable with block scope.,
Exemple
// Ici x est 10
{
let x = 2;
// Ici x est 2
}
// Ici x est 10
Essayez-le Vous-même »
en savoir plus sur le let dans le chapitre: JavaScript Laisser.
JavaScript const
le mot-cléconst vous permet de déclarer une constante (une variable JavaScript avec une valeur constante).
Les constantes sont similaires aux variables let, sauf que la valeur ne peut pas être modifiée.,
Exemple
// Ici x est 10
{
const x = 2;
// Ici x est 2
}
// Ici x est 10
Essayez-le Vous-même »
en savoir plus sur le const dans le chapitre: JavaScript Const.
Flèche Fonctions
Flèche fonctions d’une syntaxe pour écrire les expressions de fonction.
Vous n’avez pas besoin du mot-clé function, du mot-clé return et des accolades.,
Exemple
var x = function(x, y) {
return x * y;
}
// ES6
const x = (x, y) => x * y;
Essayez-le Vous-même »
Flèche fonctions n’ont pas leur propre this.Ils ne sont pas bien adaptés pour définir des méthodes d’objet.
Les fonctions de flèche ne sont pas hissées. Ils doivent être définis avant d’être utilisés.
constest plus sûr que d’utiliser var car une expression de fonction est toujours une valeur constante.,
Vous ne pouvez omettre le mot cléreturn et les accolades que si la fonction est une seule instruction. Pour cette raison, il pourrait être une bonne habitude de toujours les garder:
exemple
essayez-le vous-même »
En savoir plus sur les fonctions Arrow dans le chapitre: JavaScript Arrow Function.
la boucle For/Of
L’instruction JavaScriptfor/of parcourt les valeurs d’un objet itérable.,
for/of vous permet de faire une boucle sur des structures de données itérables telles que des tableaux, des chaînes, des cartes, des NodeLists, etc.
Le for/of boucle a la syntaxe suivante:
// bloc de code à exécuter
}
variable Pour chaque itération la valeur de la propriété suivante est affectée à la variable. Variable peut être déclarée avec leconst, let ou var.
itérable – un objet qui a des propriétés itérables.,
en Boucle sur un Tableau
Exemple
var x;
for (x de voitures) {
document.écrire(x + « <br > »);
}
Essayez-le Vous-même »
en Boucle sur une Chaîne
Exemple
var x;
for (x txt) {
document.écrire(x + « <br > »);
}
Essayez-le Vous-même »
en Savoir plus dans le chapitre: Boucle JavaScript Pour la/En/De.,
classes JavaScript
Les Classes JavaScript sont des modèles pour les objets JavaScript.
Utilisez le mot-clé class pour créer une classe.
Toujours ajouter une méthode nommée constructor():
Syntaxe
le constructeur() { … }
}
Exemple
le constructeur(nom, année) {
c’.nom = nom;
c’.année = année;
}
}
L’exemple ci-dessus crée une classe nommée « Voiture ».
La classe a deux propriétés initiales: « nom » et « année ».,
Une classe JavaScript n’est pas un objet.
C’est un modèle pour les objets JavaScript.
à l’Aide d’une Classe
si vous avez une classe, vous pouvez utiliser la classe pour créer des objets:
Exemple
laissez-myCar2 = new Voiture(« Audi », 2019);
Essayez-le Vous-même «
en Savoir plus sur les classes dans le chapitre: les Classes JavaScript.
JavaScript Promises
Une promesse est un objet JavaScript qui relie « produire du Code » et « consommer du Code ».,
« produire du Code » peut prendre un certain temps et « consommer du Code » doit attendre le résultat.
En savoir plus sur les promesses dans le chapitre: promesses JavaScript.
le type de symbole
Un symbole JavaScript est un type de données primitif tout comme Number, String ou Boolean.
Il représente un identifiant « caché » unique auquel aucun autre code ne peut accéder accidentellement.
pour instace, si différents codeurs veulent ajouter un person.id propriété à un objet personne appartenant à un code tiers,ils pourraient mélanger les valeurs les uns des autres.,
L’utilisation de Symbol() pour créer un identifiant unique résout ce problème:
Les symboles sont toujours uniques.
Si vous créez deux symboles avec la même description, ils auront des valeurs différentes.
Valeurs de Paramètre par Défaut
ES6 permet à la fonction paramètres ont des valeurs par défaut.
paramètre Rest de la fonction
le paramètre rest (…) permet à une fonction pour traiter un nombre indéfini d’arguments dans un tableau:
Exemple
laissez-somme = 0;
for (laissez-arg de args) somme += arg;
return somme;
}
let x = somme(4, 9, 16, 25, 29, 100, 66, 77);
Essayez-le Vous-même »
Array.find ()
la méthode find() renvoie la valeur du premier élément de tableau qui réussit une fonction de test.
Cet exemple trouve (retourne la valeur de l’ ) le premier élément est supérieure à 18:
Notez que la fonction prend 3 arguments:
- La valeur de l’élément
- L’index de l’élément
- Le tableau lui-même
Array.,findIndex ()
la méthode findIndex() renvoie l’index du premier élément de tableau qui réussit une fonction de test.,
Cet exemple trouve l’indice du premier élément est supérieure à 18:
Notez que la fonction prend 3 arguments:
- La valeur de l’élément
- L’index de l’élément
- Le tableau lui-même
Nouveau Numéro de Propriétés
ES6 ajouté les propriétés suivantes pour le Numéro de l’objet:
EPSILONMIN_SAFE_INTEGERMAX_SAFE_INTEGER
Exemple
Essayez-le Vous-même »
Exemple
essayez-le vous-même »
exemple
Essayez-le Vous-même »
Nombre de Nouvelles Méthodes
ES6 ajouté 2 nouvelles méthodes pour le Numéro de l’objet:
Number.isInteger()Number.isSafeInteger()
Le Nombre.isInteger() la Méthode
Le Number.isInteger() méthode renvoie true si l’argument est un nombre entier.
Exemple
Number.isInteger(10.,5); // renvoie false
Essayez-le Vous-même »
Le Nombre.isSafeInteger () Method
un entier sûr est un entier qui peut être exactement représenté comme un nombre à double précision.
Le Number.isSafeInteger() méthode renvoie true si l’argument est un coffre-fort entier.
Les entiers sûrs sont tous les entiers de -(253 – 1) à +(253 – 1).
Ceci est sûr: 9007199254740991. Ce n’est pas sûr: 9007199254740992.,
New Global Methods
ES6 added 2 new global number methods:
isFinite()isNaN()
The isFinite() Method
The global isFinite() method returns false if the argument is Infinity or NaN.,
Sinon, il retourne true:
Exemple
isFinite(10/1); // retourne true
Essayez-le Vous-même »
La fonction isNaN() Méthode
global isNaN() méthode renvoie true si l’argument est NaN. Sinon, elle retourne false:
Exemple
Essayez-le Vous-même »