Lorsque seules certaines propriétés de l'interface sont nécessaires au processus d'exécution, les propriétés non requises deviennent la principale cause de faibles performances car elles ne consomment plus que de l'espace. En JavaScript, il n'existe aucun moyen d'exclure les propriétés non requises de l'interface au moment de l'exécution. Heureusement! Ce point faible ou cas d'utilisation est géré par TypeScript car il fournit des utilitaires de type « Omit » et « Pick », ce qui aide beaucoup à sélectionner uniquement des propriétés spécifiques.
Ce blog expliquera le type omit et son opposé dans TypeScript en couvrant ces sections :
- Qu’est-ce que l’omission du type dans TypeScript ?
- Quel est le contraire de Omit Type dans TypeScript ?
Qu’est-ce que l’omission du type dans TypeScript ?
Le dactylographie 'Omettre' type génère une nouvelle interface à partir du fourni '' et ignore ou exclut les propriétés fournies comme 'Clé' . Il prend et gère les valeurs de toutes les propriétés restantes et n'accepte pas les valeurs des propriétés transmises comme 'Clé' . En termes simples, le 'Omettre' Le type exclut les propriétés transmises en tant que « Clé » et les propriétés restantes restent les mêmes.
Syntaxe
La syntaxe pour Omit Type dans TypeScript est indiquée ci-dessous :
Omettre < Type de démonstration, Clé 1 | clé2 >
Où « Type de démonstration » est l'interface dont 'clé1' et 'clé2' les propriétés vont être ajoutées à un nouveau 'taper' qui est généré via 'Omettre' .
Un exemple pour comprendre 'Omettre' le type est indiqué ci-dessous :
taper linuxhintType = {fNom : chaîne ;
lNom : chaîne ;
âge : nombre ;
}
taper newType = Omettre ;
const spécifique : newType = {
fNom : 'John' ,
lNom : 'Biche'
} ;
console.log ( spécifique.age, spécifique.fName ) ;
Explication du code ci-dessus :
- Premièrement la 'taper' nommé « linuxhintType » est défini, qui contient plusieurs propriétés nommées « fNom » , « Nom » , et 'âge' dedans.
- Ensuite, le 'Omettre' le type est utilisé, ce qui prend « linuxhintType » comme premier argument et une clé de 'âge' . Cette Omission récupère toutes les propriétés de « linuxhintType » et exclut uniquement la propriété « âge ».
- Les propriétés récupérées via le type « Omettre » sont stockées dans un nouveau 'taper' nommé 'nouveau genre' .
- Ensuite, la nouvelle variable est créée avec l'annotation de type 'nouveau genre' et les valeurs des propriétés restantes sont définies.
- Après cela, à l'aide d'une nouvelle variable, les propriétés restantes et exclues sont récupérées et affichées sur la fenêtre de la console pour vérification.
Après la compilation, la fenêtre de la console ressemble à ceci :
L'instantané de la fenêtre de la console montre qu'une erreur de type a été générée lors de l'accès au fichier exclu. 'âge' propriété. Pour plus d'explications sur le type « Omettre », vous pouvez visiter notre article
Quel est le contraire de Omit Type dans TypeScript ?
En TypeScript, le contraire de 'Omettre' est le 'Prendre' taper. Ce type sélectionne ou sélectionne les propriétés spécifiques qui seront disponibles et toutes les propriétés restantes qui ne sont pas sélectionnées sont exclues. C'est-à-dire totalement à l'opposé du 'Omettre' taper. Il faut les deux mêmes arguments de 'Taper' et 'Clé' où 'Taper' est l'interface ou la classe dont 'Clé' les propriétés sont incluses et les autres sont exclues. En cas de propriétés multiples, chaque propriété est séparée par l'utilisation de 'Syndicat' opérateur '|'.
Syntaxe
La syntaxe de Pick Type dans TypeScript est indiquée ci-dessous :
Où, « Type de démonstration » est l'interface, la classe ou le type dont 'Clé1' , 'Clé2' , et « Clé 3 » les propriétés sont sélectionnées.
Passons maintenant à un exemple pour une meilleure clarification.
Exemple : sélection de propriétés spécifiques
Dans ce cas, les propriétés spécifiques de l'interface ou de la classe sont sélectionnées à l'aide du type « Pick » et les propriétés restantes sont totalement exclues, comme indiqué ci-dessous :
interface linuxhintInter {fNom : chaîne ;
lNom : chaîne ;
âge : nombre ;
}
taper newType = Choisir ;
const spécifique : newType = {
fNom : 'John' ,
lNom : 'biche' , âge: 3.4 } ;
Explication du code ci-dessus :
- Tout d'abord, l'interface 'linuxhintInter' est créé contenant trois propriétés nommées « fNom » , « Nom » , et 'âge' .
- Ensuite, le 'Prendre' le type est utilisé qui prend l'interface comme premier paramètre, et 'âge' et « fNom » comme deuxième paramètre séparé par l'opérateur Union '|' .
- Ce 'Prendre' type définit un nouveau type nommé 'nouveau genre' qui comprend uniquement 'âge' et « fNom » propriétés et exclut toutes les propriétés restantes, c'est-à-dire « Nom » .
- Maintenant, réglez ceci 'nouveau genre' comme type pour une variable « spécifique » et essayez de modifier toutes les propriétés de l’interface. Cela provoquera une erreur car seules des propriétés spécifiques sont disponibles.
Après compilation, la fenêtre de la console ressemble à ceci :
L'instantané ci-dessus montre l'apparition d'une erreur car le programme modifie la propriété qui n'est pas incluse ou non disponible dans le type sélectionné.
Vous avez découvert le type qui fonctionne à l’opposé de Omit dans TypeScript.
Conclusion
Le contraire du 'Omettre' tapez en TypeScript est le 'Prendre' type, qui génère un nouveau type comprenant uniquement la propriété fournie et exclut toutes les propriétés restantes de l'interface principale. Tandis que le 'Omettre' tapez en TypeScript, génère également de nouveaux types mais exclut toutes les propriétés fournies et accepte ou inclut les propriétés restantes. Cet article a démontré le contraire de Omit Type dans TypeScript.