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 lors 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 précieux en matière de développement. 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 permet de rendre optionnelles 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 :
interface User {
name: string;
age: number;
email: string;
} En utilisant le type utilitaire Partiel, vous pouvez créer un nouveau type avec toutes les propriétés de l’interface utilisateur définies comme optionnelles :
type OptionalUser = Partial<User> Vous pouvez maintenant créer une instance du type OptionalUser avec seulement quelques propriétés définies :
const user: OptionalUser = { name: "John" }; Vous pouvez rencontrer des situations où vous avez besoin de créer un objet avec certaines propriétés optionnelles. Cela peut s’avérer utile, en particulier lors de la création 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’utilité
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 s’avère pratique lorsque vous devez réduire un objet plus grand à seulement quelques propriétés nécessaires ou si vous voulez imposer un typage strict sur les propriétés dont vous avez besoin.
interface User {
location: string;
age: number;
email: string;
}type PersonWithoutEmail = Pick<User, 'location' | 'age'>;
const person: PersonWithoutEmail = {
location: 'USA',
age: 30
};
Dans cet exemple, une interface nommée « User » définit trois propriétés : email, age et location.
En utilisant l’utilitaire Pick, vous pouvez extraire sélectivement les propriétés « location » et « age » de l’interface User, 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.
Avec l’utilitaire Pick, vous pouvez créer un nouveau type qui n’incorpore que les…
