PC & Mobile

ES6 Concepts à connaître avant de commencer le développement de MEAN Stack

ES6 Concepts à connaître avant de commencer le développement de MEAN Stack


Il y a quelques jours, je suis tombé sur un article énumérant les principales fonctionnalités mises en avant par la dernière version de Javascript, ES2019 / ES10. Cela m’a poussé à chick parce que l’autre jour seulement, j’ai eu une discussion sur le nombre de personnes ignorant la plupart des concepts ES6, bien qu’elles l’utilisent quotidiennement dans des frameworks basés sur Javascript comme Angular, Node, Express, etc. C’est pourquoi j’ai décidé d’écrire cet article, en passant en revue rapidement, les concepts de base de l’ES6 que vous devez absolument connaître avant de plonger dans le développement de la pile MEAN.

Pour les non-initiés, laisser peut ressembler beaucoup var - les deux déclarent des variables dont les valeurs peuvent être modifiées. La principale différence entre les deux réside dans la portée. laisser suit la portée du bloc; c'est-à-dire les variables déclarées en utilisant laisser existera et ne sera valable que dans le bloc dans lequel il a été déclaré. Voici un exemple classique pour illustrer ceci:

Comme indiqué ci-dessus, la valeur de laisser est limité au bloc ou à la fonction où il est déclaré en var n'a pas de telles restrictions. Par conséquent, la console se connectera 1 dans le laisser cas alors que la console se connectera 2 dans le var Cas.

const est utilisé pour déclarer des variables dont la valeur ne peut pas être réaffectée à travers toute la portée du programme. En outre, vous devez obligatoirement initialiser la variable déclarée à l'aide de const.

Vous pouvez en lire plus ici (let, const).

En utilisant l’affectation de déstructuration, nous pouvons mettre à jour le code comme suit:

Vous pouvez en savoir plus sur l'attribution de la destruction ici.

Vous pouvez en savoir plus sur les paramètres par défaut ici.

Voyons comment les fonctions de flèche facilitent les rappels.

Vous pouvez en savoir plus sur Arrow Function ici.

Dans le stub de code ci-dessus, nous déclarons une nouvelle promesse et ajoutons un setTimeout () méthode pour résoudre 'foo', après 300 ms - clairement une tâche asynchrone. Ensuite nous avons deux console.log appels. Le premier, dans le promise.then () le bloc s'exécute après la période de 300 ms lorsque la promesse se résout et se montre foo, tandis que le second console.log produit un journal qui dirait quelque chose de semblable à [object Promise].

Mais en pratique, nous utilisons les promesses de cette façon. c'est-à-dire déclarer une nouvelle promesse, très rarement. Usully, nous utilisons des promesses ou plus spécifiquement, le puis et capture méthodes. Pour agir en fonction des activités asynchrones renvoyant des résultats de promesse. Voyons un exemple en utilisant le chercher () méthode en Javascript qui effectue des appels asynchrones vers un site distant.

Ici, on fait un OBTENIR demande à un chemin en utilisant le chercher () méthode. Si le chargement réussit, nous obtenons une réponse et le puis() La méthode est exécutée en enregistrant la réponse reçue du chemin distant. En cas d'échec de la récupération, le capture() vlock est exécuté et l'erreur est donc consignée.

Vous pouvez en savoir plus sur les promesses ici.

Vous pouvez créer une classe qui hérite d'une autre

Notez que les membres de la classe peuvent être privés ou publics (par défaut) et que seules les fonctions membres de la classe peuvent accéder à ses membres privés.

Vous pouvez en savoir plus sur les classes ici.

Show More

SupportIvy

SupportIvy.com : Un lieu pour partager le savoir et mieux comprendre le monde. Meilleure plate-forme de support gratuit pour vous, Documentation &Tutoriels par les experts.

Related Articles

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Close
Close