Améliorer le code TypeScript avec des génériques / Blogs / Perficient

Dans ce blog, nous explorerons les génériques dans TypeScript, mais avant de plonger dans les génériques, comprenons d’abord ce qu’est TypeScript et pourquoi TypeScript est devenu de plus en plus populaire dans l’industrie du développement logiciel.

Alors, qu’est-ce que TypeScript ?

TypeScript, en tant que langage de programmation de haut niveau gratuit et open source, agit comme un sur-ensemble de JavaScript en introduisant des fonctionnalités telles que des interfaces, des énumérations et des annotations de type.

Son principal avantage est qu’il peut découvrir les erreurs dès le début du processus de développement, en identifiant les problèmes potentiels et les types de données avant l’exécution du code. Cette stratégie proactive aide les développeurs à éviter les erreurs d’exécution et améliore la prévisibilité du code.

La flexibilité de TypeScript est une caractéristique majeure, et des fonctionnalités telles que les génériques et les types d’union sont essentielles. Pour tirer le meilleur parti de la flexibilité de TypeScript, il est important de connaître les distinctions entre les types d’union et les génériques. Ces fonctionnalités améliorent l’efficacité de TypeScript dans la gestion des types.

Types d’union et génériques :

Dans TypeScript, les génériques vous permettent d’écrire du code pouvant fonctionner avec différents types de données sans les préciser à l’avance, contrairement aux syndicats, où des types spécifiques doivent être prédéfinis. Les génériques spécifient le type de données lorsque le code est exécuté, offrant ainsi une plus grande adaptabilité et abstraction. queles syndicats.

SPlusieurs avantages importants des génériques comprennent :

Sécurité: En assurant la sécurité des types au moment de la compilation dans ce langage typé statiquement, les génériques fournissent un moyen d’écrire du code flexible tout en prenant en charge la sécurité des types.

Réutilisabilité du code: Les génériques permettent d’écrire du code flexible et réutilisable pour une variété de types, ce qui minimise la duplication et améliore la maintenabilité.

Meilleure maintenabilité et lisibilité : Les génériques permettent d’écrire du code qui transmet du sens sans être limité à des types spécifiques, ce qui donne un code plus maintenable et plus lisible avec une logique claire et flexible pour diverses situations.

Alors, voyons le syntaxe des génériques:

Voici un exemple de la façon d’implémenter le type générique dans TypeScript :

Ce code TypeScript définit une fonction générique nommée message qui prend une entrée de n’importe quel type (T) et renvoie le même type. La fonction est ensuite utilisée deux fois, d’abord avec une entrée de chaîne (« Bonjour, dactylographié ! ») et ensuite avec une entrée de nombre (123456).

La fonction générique garantit la sécurité des types, permettant aux valeurs renvoyées de conserver leurs types d’origine. La sortie résultante utilise avec succès la fonction générique avec des entrées de chaîne et de nombres, affichant « Bonjour TypeScript ! » et 123456, respectivement.

Voyons unautre exemple des génériques:

L’exemple ci-dessus est créé pour échanger les valeurs de deux variables tout en prenant en charge la sécurité des types. Il accepte deux paramètres du même type générique, T, et échange les valeurs dans un tuple [T, T].

Dans les exemples ci-dessus, le résultat de la commutation des valeurs numériques 50 et 100 est stocké dans ReverseNumbers, donnant la sortie [100, 50].

De même, ReverseString effectue un échange des valeurs de chaîne « bonjour » et « génériques », produisant le résultat [“generics”, “hello”].

En raison de sa nature générique, la fonction peut gérer une variété de types de données tout en garantissant l’exactitude du type, ce qui la rend polyvalente et réutilisable pour l’échange de valeurs.

Voyons davantage le fonctionnement du générique :

L’illustration suivante montre ce que TypeScript fait lorsque vous appelez une fonction générique, telle que message (input: T): T et que vous la transmettez sous forme de chaîne.

En conclusion, l’amélioration du code TypeScript avec des génériques permet un codage flexible. Ajoutez-les à votre prochain code pour le rendre plus flexible et réutilisable et pour garantir la sécurité des types tout en travaillant avec une variété de types de données.

Merci d’avoir lu!