Comment simplifier votre code TypeScript avec 6 types d’utilitaires essentiels

TypeScript est un surensemble de JavaScript qui vous permet d’ajouter un typage statique à votre base de code. Grâce à son puissant système de types, TypeScript offre une meilleure lisibilité du code et la possibilité de détecter les erreurs au moment de la compilation.

L’un des aspects les plus bénéfiques de TypeScript réside dans ses types utilitaires intégrés, qui peuvent simplifier vos efforts de codage et vous faire gagner un temps de développement précieux. Jetez un coup d’œil à ces types d’utilitaires TypeScript incontournables qui peuvent vous aider à écrire facilement du code à sécurité typographique.

1. Type utilitaire partiel

Le type utilitaire Partial de TypeScript vous permet de rendre facultatives toutes les propriétés d’un objet. Il vous permet de créer des objets avec certaines propriétés qui peuvent être manquantes ou indéfinies. Prenons un exemple :

En utilisant l’utilitaire Type utilitaire partiel vous pouvez créer un nouveau type dont toutes les propriétés de l’interface utilisateur sont facultatives :

Maintenant, vous pouvez créer une instance du type OptionalUser avec seulement quelques propriétés définies :

Vous pouvez rencontrer des situations où vous devez créer un objet avec certaines propriétés optionnelles. Cela peut s’avérer utile, notamment lors de la construction de formulaires comportant plusieurs champs, car tous ne sont pas forcément nécessaires et, dans ce cas, une utilité partielle peut s’avérer vitale.

2. Choisir le type d’utilitaire

Le type utilitaire Pick de TypeScript peut vous aider à générer un nouveau type en ne sélectionnant qu’un sous-ensemble de propriétés d’un type existant. Il est pratique lorsque vous devez réduire un objet plus grand à seulement quelques propriétés qui sont nécessaires ou si vous voulez appliquer un typage strict sur les propriétés dont vous avez besoin.

Dans cet exemple, une interface nommée « User » définit trois propriétés : email, âge et localisation.

Voir aussi :  4 façons de convertir un entier en chaîne en Python

En utilisant l’option Pick utility type vous pouvez extraire sélectivement les propriétés « location » et « age » de l’interface utilisateur, ce qui permet de créer un nouveau type appelé « PersonWithoutEmail ».

Vous pouvez ensuite créer une nouvelle instance du type « PersonWithoutEmail » et attribuer des valeurs aux seules propriétés « location » et « age ». Comme la propriété « email » a été omise de ce type, vous ne pouvez pas l’affecter à l’objet.

Grâce à l’utilitaire Pick, vous pouvez créer un nouveau type qui intègre uniquement les propriétés que vous souhaitez. Cela peut contribuer à rendre votre code plus lisible et plus facile à utiliser.

3. Type utilitaire en lecture seule

Le type readonly signifie que les attributs d’un objet sont immuables après sa création. Ce type garantit la cohérence des données de l’objet à long terme, ce qui se traduit par une manipulation du code plus fluide et plus sûre.

L’utilisation du type Type utilitaire Readonly vous pouvez créer un nouveau type dont toutes les propriétés de l’interface utilisateur sont en lecture seule :

Vous pouvez spécifier les valeurs des propriétés lors de la création d’une instance ReadonlyUser: :

Lorsque vous marquez les propriétés d’un objet comme étant en lecture seule, toute tentative de modification des valeurs de ces propriétés devient impossible :

Le type Readonly est particulièrement important dans les situations où vous voulez vous assurer qu’un objet particulier ne change pas, quelle que soit la manière dont il est référencé. Par exemple, si vous avez un objet qui contient des paramètres de configuration importants, vous voudrez vous assurer qu’il ne sera pas modifié.

4. Type d’utilitaire requis

Ce type garantit que toutes les propriétés essentielles d’un objet sont présentes, alors que le type Partiel offre plus de souplesse en vous permettant de spécifier un sous-ensemble de propriétés tout en laissant les autres facultatives. Cela peut s’avérer bénéfique dans les situations où certaines propriétés ne sont pas nécessaires ou sont susceptibles d’être modifiées.

Voir aussi :  Comment utiliser Python comme calculatrice de ligne de commande

En utilisant le type Type d’utilitaire requis il est possible de créer un nouveau type qui combine tous les attributs de l’interface utilisateur tout en exigeant que chacune de ces propriétés soit présente. La création d’une instance de RequiredUser n’est possible que lorsque toutes ses propriétés ont été correctement définies.

L’utilisation du type utilitaire Required permet de s’assurer que toutes les propriétés requises sont présentes dans un objet.

5. Omettre le type d’utilitaire

Le type d’utilitaire Omit vous permet de créer un nouveau type en excluant des propriétés particulières d’un type existant.

L’interface Personne possède trois propriétés : l’âge, la localisation et l’adresse électronique. Le type PersonWithoutEmail utilise un type utilitaire Omit pour inclure toutes les propriétés d’un objet Person, à l’exception de l’adresse électronique. Vous pouvez alors créer une instance de ce nouveau type, sans spécifier de valeur pour la propriété email.

Vous devez garder à l’esprit que l’utilitaire Omit présente des similitudes importantes avec l’utilitaire Pick, car il vous permet de concevoir un nouveau type en utilisant uniquement les propriétés que vous spécifiez.

6. Type d’utilitaire Record

Vous pouvez utiliser l’utilitaire Record pour définir un type d’objet dont les clés et les valeurs ont un type particulier. Sa définition est la suivante :

Ce type associe le type T à la valeur de chaque clé, tandis que K est une union de clés de n’importe quel type. L’objet résultant a son type de propriété P défini sur T.

Considérons le scénario d’un type d’objet avec des clés de type chaîne et des valeurs numériques. Dans ce cas, vous pouvez appliquer la méthode Type d’utilitaire d’enregistrement comme suit

Voir aussi :  5 composants de conception neumorphiques en HTML, CSS et JavaScript

Cet exemple spécifie MyRecord comme un type d’objet avec des clés de type chaîne et des valeurs numériques. L’objet myObject incarne un exemple de ce type, avec les clés « foo », « bar » et « baz » affectées à leurs valeurs correspondantes.

Rationalisation du code avec les types utilitaires TypeScript

Cet article a mis en lumière la puissance des types utilitaires TypeScript, qui peuvent constituer un atout précieux pour rationaliser votre code et rendre le développement plus rapide et plus efficace. Ces types d’utilitaires et TypeScript en général peuvent faire des merveilles pour garantir que votre code est toujours exempt d’erreurs et qu’il respecte des structures spécifiques.

S’abonner à notre lettre d’information

Qu’est-ce que les types utilitaires en TypeScript ?

TypeScript prend en charge un certain nombre de types d’utilitaires intégrés tels que Partiel, Requis, Lecture seule, Choisir, Enregistrer, Exclure, Non-nulle, Extraire, Omettre, etc. Les types d’utilitaires TypeScript sont accessibles globalement.

Comment utiliser omit en TypeScript ?

TypeScript Omit Exemple Omit<> , comme Pick<> , prend un type de base comme premier argument. Il prend un type d’union des clés à omettre comme deuxième argument et renvoie le type dérivé qui exclut ces propriétés. Remarquez que si nous naviguons vers subscriber. roles, il renvoie undefined .

Quel est l’exemple TypeScript ?

TypeScript entretient une relation inhabituelle avec JavaScript. TypeScript offre toutes les fonctionnalités de JavaScript, ainsi qu’une couche supplémentaire : Le système de types de TypeScript. Par exemple, JavaScript fournit des primitives de langage comme les chaînes de caractères et les nombres, mais il ne vérifie pas que vous les avez assignées de manière cohérente.

Quel est le contraire de omit en TypeScript ?

Choisir Pick est l’opposé de l’utilitaire Omit. Le type d’utilité Pick est défini comme suit : type Pick = { [Key in Keys]: Type[Key]; } ;

Cliquez pour évaluer cet article !
[Total: Moyenne : ]

Laisser un commentaire

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