ECMAScript 8 (ES8) ou ECMAScript 7 (ES7) a été officiellement publié la dernière année – fin juin par TC39 (qu’est-ce que TC39? Comité technique 39 qui est le comité officiel pour l’évolution de Javascript. Ce comité se réunit régulièrement et généralement les membres sont des fournisseurs de navigateurs). Maintenant, la norme est de publier de nouvelles spécifications une fois par an. ES5 a été publié en 2009 et après cela, la version majeure a été ES6 en 2015, ES7 en 2016, Es8 en 2017, Es9 en 2018, Es10 en 2019.
Lisez également: CronJ UI UX Design Company
Es7, Es8, Es9 et Es10 Caractéristiques:
Dans cet article, vous apprendrez à utiliser toutes les nouvelles fonctionnalités du JavaScript ES7, ES8, ES9 et ES10 avec des exemples:
Propriétés de la classe:
Vous peut initialiser les propriétés de la classe en dehors du constructeur!
Exemple:
class Animal { constructor() { this.name = "Lion" } age = 0;}That will be complied to: class Animal { constructor() { this.age = 0; this.name = "Lion"; } }Especially react developers can relate easily state! and initialProps!: class Animal { constructor() { this.name = "Lion" } age = 0; state = { } initialProps = { } }BabelJs.IO peut être utilisé pour tester toutes les nouvelles fonctionnalités de l’ECMA, vous pouvez configurer des préréglages et tester. Voici un exemple exécuté dans babeljs.io Exemple
Oui, de la même manière, vous pouvez utiliser en Javascript maintenant!.chaîne
.padEnd() et chaîne.Fonctions padStart():
Ceci est juste un moyen d’ajouter des caractères supplémentaires à la fin ou au début d’une chaîne.chaîne
.padStart()
La méthode padStart() ajoute une autre chaîne à la chaîne en cours (répétée si nécessaire) afin que la chaîne résultante atteigne la longueur donnée. Le remplissage est appliqué à partir du début (à gauche) de la chaîne en cours.
Exemple:
.padEnd() :
La méthode padEnd() ajoute une chaîne donnée à la chaîne en cours (répétée si nécessaire) afin que la chaîne résultante atteigne une longueur donnée. Le remplissage est appliqué à partir de la fin (à droite) de la chaîne en cours.
Par exemple :
Opérateur exponentiel :
L’opérateur d’exponentiation renvoie le résultat de l’élévation du premier opérande au second opérande de puissance. L’opérateur d’exponentiation est droit-associatif. a ** b ** c est égal à a ** (b ** c).
Exemple:
Virgule de fin :
La virgule de fin est autorisée dans un tableau, un objet et des paramètres de fonction. Maintenant, ce n’est pas énorme mais c’est bien si au cas où nous oublierions de fermer ou plutôt de terminer une virgule si nous listons un tas d’éléments, peu importe si nous incluons ce dernier supplémentaire.
Exemple:
var list = var obj = { one: "1", two: "2", three: "3", // It is valid}function add( one, two, three, // It is valid) {}Objet.valeurs () et Objet.entrée():
C’est un moyen de traiter nos objets un peu comme des dictionnaires dans lesquels nous pouvons obtenir les noms de paramètres et les noms réels ou plutôt les noms de champs et les valeurs réelles qui leur sont associées par des valeurs ou des entrées respectivement.
Objet.values()
Vous êtes familier avec l’objet.touches(). C’est exactement le contraire de l’objet.touches().
Exemple:
var fruits = { apple: 10, orange: 20, grapes: 30, pineapple: 40 }var totalVegetables = Object.values(fruits).reduce((a, b) => a + b);console.log(totalVegetables);Sortie: 100
Objet.entrées()
Object.entries() la méthode renvoie un tableau de paires de propriétés énumérables propres à un objet donné.
Exemple :
var fruits = { apple: 10, orange: 20, grapes: 30, pineapple: 40}for (var of Object.entries(fruits)) { console.log(key, val);}Sortie:
pomme 10
orange 20
raisins 30
ananas 40
tableau.prototype.includes()
Ceci est juste une autre fonction de tableau, il est très utile de déterminer si un tableau contient une valeur.
Fonctions asynchrones
Dans es8, nous avons des fonctions asynchrones, c’est encore une nouvelle fonctionnalité massive. Les fonctions asynchrones sont des fonctions qui ne fonctionnent pas les unes après les autres qui seraient synchrones au lieu de cela, elles fonctionnent en parallèle et nous permettent d’exécuter plusieurs fonctions en même temps.
objet.getOwnPropertyDescriptors()
Comme moyen d’imprimer une grande description de chaîne d’un objet dans toutes ses entités.
Caractéristiques de l’ES9:
Modifications d’expressions régulières
Il s’agit donc de changements d’expressions régulières, pour être honnête, personnellement, je n’aime pas utiliser les expressions régulières lorsque c’est possible et j’ai trouvé que je n’avais pas besoin de trop les utiliser, donc nous ne couvrirons pas tellement les changements d’expressions régulières, mais si vous êtes super intéressé, vous pouvez certainement les vérifier ES9 a ajouté un tas de support.
Propriétés Rest / Spread
ce sont vraiment cool, elles nous permettent de construire essentiellement des plages de valeurs en utilisant trois ellipses réunies, ce qui permet au compilateur d’interpréter quelles valeurs viennent ensuite dans une série de valeurs.
Itération asynchrone
c’est en fait la dernière grande et apporte un support plus puissant à notre fonctionnalité asynchrone.
Caractéristiques de l’ES10:
Alors la version 72 de Chrome vient de sortir, quelques nouvelles fonctionnalités ES10 passionnantes qui sont ES 2019 dans son navigateur pour que les développeurs puissent les utiliser, alors jetons un coup d’œil aux nouvelles fonctionnalités que nous avons dans ES10 à rechercher. Tableau
.flat()
en commençant par flat() et flatmap(), donc si vous avez un tableau comme dans l’image ci-dessous, vous pourriez voir que vous pourriez simplement consoler.connectez-le et vous avez un tas de tableaux imbriqués.
Donc, si vous voulez aplatir tout ce tableau, vous devez utiliser la récursivité ou vous savez que vous devez bien faire quelque chose en utilisant une sorte d’algorithme.
Heureusement maintenant JavaScript le fournit par défaut en l’utilisant.flat() qui aplatirait récursivement votre tableau jusqu’au niveau que vous spécifiez. Donc, plat ().
Spécifiez simplement les niveaux, cela l’aplatit à un niveau si vous le faites deux fois, cela l’aplatirait à deux niveaux.
Si vous voulez aplatir l’ensemble du tableau, vous pouvez à peu près simplement passer une infinité et cela aplatira l’ensemble de votre tableau des tableaux imbriqués à une manière plus propre. Tableau
.flatmap()
De même, nous avons flatmap() qui fonctionne à peu près comme une carte si vous faites une carte X et retournez disons (x, x * 2) si vous vous consolez.enregistrez votre résultat, vous verrez que vous obtenez un tableau qui ressemble à quelque chose comme indiqué dans l’image ci-dessous imbriquée.
mais si vous allez y faire le flatmap(), vous n’avez pas obtenu un joli tableau d’aplatissement pour votre résultat.
objet.fromentries()
en arrivant au numéro deux, nous avons object.fromentries() que vous connaissez essentiellement à partir des entrées de points d’objet, nous pourrions aller de l’avant et créer ces jolies petites paires clé-valeur de tableaux de valeur-clé, mais maintenant vous pouvez simplement aller de l’avant et récupérer votre objet
d’origine à partir de ce tableau particulier en utilisant des entrées d’objet de formulaire et si vous ne pouvez pas verrouiller l’objet d’origine de votre objet, vous verrez que nous récupérons notre objet clé-valeur. Chaîne
.trimstart() et String.trimend()
Encore une fois, cela nous amène à notre numéro trois qui est notre.trimstart() et.trimend(). Donc, si vous avez une chaîne qui a de longs espaces, vous pouvez simplement aller de l’avant et faire
console.log(string.trimstart())et appuyer sur enregistrer.
Ils vont voir en fait, nous allons simplement stringifier les points json pour que nous puissions voir les espaces afin que vous ne voyiez que les espaces arrière restent de la même manière si vous avez une fin de trim ici, vous ne verrez que vos espaces avant et si vous avez juste une trim ici, vous verrez que tous vos espaces ont disparu
Liaison de capture optionnelle
Cela nous amène à notre liaison optionnelle pour try-catch qui signifie à peu près maintenant que vous n’êtes pas contraint à donnez une erreur à catch ici si vous ne le voulez pas, donc si vous lancez une nouvelle erreur ici, vous pouvez à peu près y accéder correctement là en utilisant une erreur.
Mais si d’une manière ou d’une autre vous ne le voulez pas, vous êtes libre d’aller de l’avant et d’utiliser quelque chose comme hey quelque chose s’est mal passé, donc c’est tout à fait bien.
toString()
ES9 révise également la fonction.Méthode toString() donc, si vous avez une fonction
ma fonction ici et si vous faites un journal de points de console de ma fonction, les deux chaînes que vous allez voir sont votre code source d’origine de cette fonction particulière plus tôt ces espaces blancs ces nouvelles lignes si vous aviez des commandes ici, celles-ci seraient supprimées lorsque vous faites la console.connectez ma porte de fonction à la chaîne, mais maintenant ils sont conservés et vous récupérez à peu près votre code source d’origine de la fonction que vous avez écrite.
sym.description
Revenir à la proposition suivante qui est le getter de description de symbole. Donc, récemment, ce que vous devez faire est que si vous voulez comparer un symbole, vous devez le convertir en chaîne, puis le comparer par un symbole, puis quelle que soit votre description?
Parce que si vous jetez un coup d’œil pour ajouter le symbole là, vous pouvez voir que c’est essentiellement un symbole. Mais maintenant, ce que vous pouvez faire, c’est accéder à la description du symbole avec le sym.description et vous pouvez vérifier que si cela est égal à votre description qui a été transmise à l’origine.
Recherche d’un Rapport d’estimation Budgétaire Gratuit pour le développement de ReactJS, le développement de NodeJS, le développement d’AngularJS.?