ES6 complément ES5 de:
1. Note variable •
1) Utilisation laisser la déclaration est une variable locale, certifie ce domaine et ne peut être déclaré à plusieurs reprises que valide, et l'instruction ne avance (var déclarée à l' avance), mais de créer une variable à l' avance.
2) par rapport à laisser plaidé non l' avance, mais il peut détecter l'effet de champ ont la priorité d'utiliser leur propre portée, mais si une utilisation ultérieure affirmé peut causer zone morte temporaire.
3) const déclaré comme constante, en plus de ne pas changer la lecture seule, et que d' autres caractéristiques similaires.
2.NPM outil de gestion des paquets Node
package de téléchargement, supprimez le package, la mise à jour du package
package dépend de projet
NPM installer Nom du package -g
CNPM installer le nom du package
fil ajouter le nom du package
-g:. global installé sans le répertoire à cet effet
package de téléchargement node_modules stockés dans le répertoire.
3. Chaque fichier js est un module, comment accéder à chaque module. L'
accès NodeJS la première exportation dans le module: module.exports.a = 1, la nécessité pour les modules require ( » url js ./ fichier « ) introduit;
. 4. déconstruction: correspondance de motif
1) déconstruction de réseau
// opérateur longue ...
let [m, ... n-] = [l, 2,3];
m = n-1 = [2,3];
// pour affirmer la valeur par défaut, la valeur par défaut est uniquement adaptée à l' effet de prise défini, une valeur par défaut peut être une fonction.
let [E, F = « Bonjour »] = [1].;
E = 1, F = Bonjour.
2) déconstruction cible
let nom { , âge} = {name: 'Zhangsan', âge: 12 est},
let {name: nom, âge: âge} = {name: 'Zhangsan', âge: 12 est};
nom de génération, et les variables âge sont la valeur de l'attribut name.
// valeur par défaut d'empathie.
3) la déconstruction de la chaîne
soit {longueur} = « bonjour » ; 5 longueur est obtenue
4) déconstruction de paramètre de fonction
fonction Test ([X = '0', Y = 2]) {
le console.log (X, Y);
}
Test ([1,2]), la
fonction de test ({Nom: nom = « ha "Âge}) {
le console.log (nom, âge);
}
test ({nom:" haha », Âge: 23 est});
// opérateur REST: ... ... un, paramètre caractéristique est automatiquement converti en un réseau redondant
// tableau ou étendre (ARR ...) la
fonction de test (X, Y ...) {
Console. log (X, Y); //
}
test (l, 2,3); X :. 1, Y: [2,3];
modification de 5.es6 d'un objet:
1) Lorsque les noms de valeur d'attribut et attributs sont le même nom de l'objet peut être abrégé:
let obj = {name};
2) méthodes peuvent aussi être abrégé:
sayName () {
}
3) Si la propriété est variable nommée,
[STR]: // STR 1 = "Sexe";.
[ "Dire" STR +]: function () {// méthode saygender
console.log (ce [str]); / . / sorties 1
}
obj [STR]; // objet d'accès STR
obj [ 'saygender'] // obtenir la fonction saygender obj
4) change à l'objet prototype:
1.getPrototypeOf (obj): obtenir l'objet prototype par exemple
2 .setPrototypeOf (obj, protoObj): exemple de modification obj de l'objet prototype protoObj, le constructeur a également changé,
nouveau 5) obj méthode:
1.Object.keys (OBJ): objet retourne tous les noms d'attributs
objet2 .values (OBJ): renvoie des objets tous des valeurs d' attribut
3.Object.entries (obj): retourne les paires de valeurs d'attribut d'objet.
4.Object.is (a, b): l' analyse a, b deux valeurs sont égales.
6) obj dans Précautions:
1. les valeurs de paramètres par défaut définies généralement en fonction de la queue de paramètres, les paramètres de longueur de la fonction retourne le nombre de paramètres est pas spécifié les valeurs par défaut.
6. Fonction supplément (fonction flèche). Ne possèdent pas, il est pas un constructeur, les arguments internes ne tiennent pas l' argument, si vous voulez obtenir l'argument, en utilisant les objets de repos
Par exemple: ceci indique une fonction normale des objets globaux ( objet global), le ce bloc vide est un objet vide, car la fonction est situé dans l'objet global.
flèche fonctions écriture:
((paramètres) => {// mettre le corps de la fonction.
le console.log (la présente); // communs avec différentes fonctions, l' impression est la portée des parents de ce fait , quand il a été déclaré sur le plateau, parce que l'endroit ne sera pas utilisé pour le changement, il est recommandé de ne pas utiliser le présent.
}) (); // automatiquement, car il est fonction anonyme
laissez le plaisir = () => {
console.log ( "haha");
}
7. L'extension de la matrice:
1. classe peut traverser le tableau dans un tableau: Array.from ();
2. la transformation d' un ensemble de valeurs dans un tableau: Array.of (1, 2,3,5);
3.. trouver les valeurs de la matrice
arr.find (article, index, arr) ; retour pour trouver des éléments non trouvés retour undefined
arr.findIndex (paramètres comme ci - dessus); selon que les éléments, ne sont pas revenus -1, l'indice a retourné
4.fill (paramètre . ): la valeur des valeurs d' origine dans la matrice de remplissage d' un paramètre
. itérateur interne 5. objet itérateur implémente l'interface à utiliser pour-de traverse
6. le tableau possède également des touches (), les valeurs (), les entrées ()
7.includes (valeur): il n'y a pas un tel élément est déterminé, promettant vrai, faux n'est pas
8. Promise complémentaire des opérations asynchrones: stocké à l' intérieur d' une opération asynchrone, le procédé de fonctionnement synchrone d'un asynchrone
1.promise l'objet est un récipient, la fonction de paramètre interne est construit, représentant les fonctions de succès et d' échec
2. alors cet objet méthode à l' intérieur des paramètres de la fonction (qui entrent dans une fonction réussie) fonction est exécutée automatiquement après le succès de l'objet dans la lettre
3. méthodes de capture de cet objet est la fonction (empathie) exécutée automatiquement après que l'objet dans la fonction échoue
4.Enfin temps la dernière exécution de toute façon, ces trois méthodes sont tenus de déclarer , au moment de la promesse.
5.Promise.all ([P1, P2]) ;. paramètre est un tableau de la promesse, qui est la relation avec la relation seulement réussi avec succès tout en renvoie une promesse d' objets
6.Promise.race ([p1, p2]) : la race, qui qui doit se terminer par un état, l'objet revient une promesse
7.Promise.resolve (obj): retourne l' objet promettent un statut de détermination, si obj alors il y a un appel direct alors seulement comme
8.Promise.reject (obj): l' empathie.
9. qu'il a été renforcé: ensemble, Carte
méthode set de: (valeur de clé et ensemble en tant que valeurs de consigne)
Ajouter (valeur);
Supprimer (valeur)
Effacer (),
a (valeur);
clés () retourne iterator objet
ou (laissez - clé des clés): obtenir traversant individuel valeur de clé
méthode carte:
nouvelle nouvelle carte ([[nom: John Doe '], [Âge: 18 est]])
nouveau nouveau la carte (Object.entries (obj));
taille
SET (clé, valeur),
a (Key);
foreach (fonction (valeur, clé, carte))
En ce qui concerne les 10.js de classe (nature de classe ED6 a également été réalisé avec la chaîne de prototype, comme le constructeur de l'autre libellé):
1. propriété statique: directement par le nom de classe à déclarer
modules 11.ES6 CommonJS
dérivé
laisser name = 'Joe Smith'.
Exporter {name: name}
default Exporter {
nom
}
import
import {name} de » ./module.js' ;
Remarque: la conversion de babel juste de la grammaire transformationnelle, aucune fonction de conversion (non pris en charge par la rencontre avec joint babel-polyfill)
12.es6 comment convertir ES5 (utiliser l'outil de conversion de babel)
1, l'installation globale CLI-Babel
NPM-CLI l'installation -g Babel // - G représente une installation globale
2, pour créer le répertoire racine et créez un répertoire dans le répertoire racine src et le répertoire dist
répertoire src pour stocker et éditer des codes ES6, index .js fichier
répertoire dist pour décoder le code stocké
3, effectuer NPM initialisation -y, tout le chemin package.json rond généré, la création de projet de nœud,
4, créez un fichier dans le répertoire racine .babelrc
{
« Presets »: [
« ES2015 »
],
"plugins": []
}
5, la conversion de l' installation ES5:. // dans les dépendances de téléchargement du catalogue, la dépendance pour enregistrer le package.json téléchargé dans l'
exécution de l'installation --save-dev Babel NPM-PRESET-ES2015
--save- dev: phase de développement utilisé dépend,
--save: produit utilisé dans dépendant de la scène.
6, la conversion de code:
Babel src --out dir-dist
converti en index.js dans src et la sortie de répertoire ES5 dist