Le glossaire JavaScript

Un guide de quelques termes utilisés dans le développement du frontend qui pourraient vous être étrangers

Asynchrone

Le code est asynchrone lorsque vous lancez quelque chose, que vous l'oubliez, et lorsque le résultat est prêt, vous le récupérez sans avoir à l'attendre. L'exemple typique est un appel AJAX, qui peut prendre même quelques secondes et en attendant, vous terminez d'autres choses, et lorsque la réponse est prête, la fonction de rappel est appelée. Les promesses et async / await sont le moyen moderne de gérer l'async.

Bloquer

En JavaScript, un bloc est délimité par des accolades ({}). Uneifinstruction contient un bloc, unforloop contient un bloc.

Cadrage de bloc

Avec fonctionCadrage, toute variable définie dans un bloc est visible et accessible de l'intérieur de l'ensemblebloquer, mais pas en dehors.

Rappeler

Un rappel est une fonction appelée lorsque quelque chose se produit. Un événement de clic associé à un élément a une fonction de rappel qui est appelée lorsque l'utilisateur clique sur l'élément. Une demande d'extraction a un rappel qui est appelé lorsque la ressource est téléchargée.

Déclaratif

Une approche déclarative consiste à dire à la machine ce que vous devez faire et à la laisser comprendre les détails. React est considéré comme déclaratif, car vous raisonnez sur les abstractions plutôt que d'éditer directement le DOM. Chaque langage de programmation de haut niveau est plus déclaratif qu'un langage de programmation de bas niveau comme Assembler. JavaScript est plus déclaratif que C. HTML est déclaratif.

Se retirer

Une solution de secours est utilisée pour fournir une bonne expérience lorsqu'un utilisateur n'a pas accès à une fonctionnalité particulière. Par exemple, un utilisateur qui navigue avec JavaScript désactivé devrait être en mesure d'avoir une solution de secours vers une version HTML simple de la page. Ou pour un navigateur qui n'a pas implémenté d'API, vous devriez avoir une solution de secours pour éviter de casser complètement l'expérience de l'utilisateur.

Portée des fonctions

Avec fonctionCadrage, toute variable définie dans une fonction est visible et accessible de l'intérieur de l'ensemble de la fonction.

Immutabilité

Une variable est immuable lorsque sa valeur ne peut pas changer après sa création. Une variable mutable peut être modifiée. La même chose s'applique aux objets et aux tableaux.

Cadrage lexical

LexicalCadrageest un type particulier de portée qui signifie que la valeur d'une variable est définie par sa position lorsqu'elle est écrite. Pas quand on l'appelle, ce qui arrive avec l'alternative,cadrage dynamique(utilisé dans certains autres langages de programmation).

Polyfill

Un polyfill est un moyen de fournir de nouvelles fonctionnalités disponibles dans JavaScript moderne ou une API de navigateur moderne aux navigateurs plus anciens. Un polyfill est un type particulier decale.

Fonction pure

Une fonction qui n'a pas d'effets secondaires (ne modifie pas les ressources externes), et sa sortie n'est déterminée que par les arguments. Vous pouvez appeler cette fonction 1M fois, et étant donné le même ensemble d'arguments, la sortie sera toujours la même.

Réaffectation

JavaScript avecvaretletLa déclaration vous permet de réaffecter une variable indéfiniment. Avecconstdéclarations que vous déclarez effectivementimmuablevaleur pour les chaînes, les entiers, les booléens et un objet qui ne peut pas être réaffecté (mais vous pouvez toujours le modifier via ses méthodes).

Portée

La portée est, par référence à une variable, dans quelle partie d'un programme cette variable est visible.letetconstont une portée de bloc, qui détermine une portée différente des valeurs définies à l'aide devar, qui ont une portée de fonction.

Cadrage

La portée est la façon dont un langage de programmation détermine la portée des variables et des fonctions. On peut par exemple avoir un cadrage de bloc, un cadrage de fonction, un cadrage lexical.

Cale

Un shim est un petit wrapper autour d'une fonctionnalité, ou API. Il est généralement utilisé pour faire abstraction de quelque chose, pré-remplir des paramètres ou ajouter unpolyfillpour les navigateurs qui ne prennent pas en charge certaines fonctionnalités. Vous pouvez le considérer comme une couche de compatibilité.

Effet secondaire

Un effet secondaire est lorsqu'une fonction interagit avec une autre fonction ou un objet en dehors d'elle. L'interaction avec le réseau ou le système de fichiers, ou avec l'interface utilisateur, sont tous des effets secondaires.

État

L'état entre généralement en jeu lorsqu'on parle de composants. Un composant peut être avec état s'il gère ses propres données, ou sans état s'il ne le fait pas.

Avec état

Un composant, une fonction ou une classe avec état gère son propre état (données). Il pourrait stocker un tableau, un compteur ou autre chose.

Apatride

Un composant, une fonction ou une classe sans état est également appeléstupidecar il est incapable de disposer de ses propres données pour prendre des décisions, de sorte que sa sortie ou sa présentation est entièrement basée sur ses arguments. Cela implique quefonctions puressont apatrides. Remarque: dans React, ce que nous appelions autrefois les composants sans état sont désormais appelés composants de fonction car les hooks leur donnent la possibilité d'utiliser state.

Mode strict

Le mode strict est une nouvelle fonctionnalité d'ECMAScript 5.1, qui fait que le runtime JavaScript détecte plus d'erreurs, mais il vous aide à améliorer le code JavaScript en refusant les variables non déclarées et d'autres choses qui pourraient causer des problèmes négligés tels que les propriétés d'objet dupliquées et d'autres choses subtiles. Astuce: utilisez-le. L'alternative est le «mode bâclé», ce qui n'est pas une bonne chose même en regardant le nom que nous lui avons donné.

Secousse d'arbre

La secousse d'arbre signifie supprimer le «code mort» du paquet que vous expédiez à vos utilisateurs. Si vous ajoutez du code que vous n'utilisez jamais dans vos instructions d'importation, il ne sera pas envoyé aux utilisateurs de votre application, afin de réduire la taille du fichier et le temps de chargement.

Téléchargez mon gratuitManuel du débutant JavaScript


Plus de tutoriels js: