TypeScript pour débutants : définir des types complexes

Name: TypeScript pour débutants : définir des types complexes
Author: Mark Nair

En savoir plus sur les types complexes de TypeScript

Preview the first lesson free — get full access to all 6 lessons.

Cours : à la demande

Bonjour, je m'appelle Mark Nair, et dans ces leçons, vous découvrez les types complexes, notamment les types littéraux, les énumérations, les tuples, les types de tableaux, les unions et la clé de l'opérateur de type. Quand on dit le mot type, on entend le plus souvent un type primitif, comme une chaîne ou un nombre. Du moins, nous le faisons au début. Parfois cependant, c'est un type que nous créons, comme une interface. Jetons un coup d'œil à un type rapide. Il s'agit donc d'un nom d'utilisateur de type chaîne. Pour l’instant, c’est assez facile. Parfois cependant, vous souhaitez une valeur spécifique comme type, comme ça. Ainsi, au lieu d'une chaîne, le nom d'utilisateur est de type Kramer. Ce n'est pas la valeur de Kramer, car nous ne lui en avons pas donné valeur ou attribuée ici avec l'opérateur d'affectation. Si je survole le nom d'utilisateur, j'ai ici laissé le nom d'utilisateur de type Kramer. Mais qu’est-ce que Kramer, à part juste une chaîne que j’ai écrite ? Et vous pourriez penser que si je dois limiter un type à quelque chose littéral, ce qui est exactement ce que c'est, un type littéral. Donc à partir de maintenant, disons que je ne peux pas faire quelque chose comme ça. Je ne peux pas lui donner une valeur différente. Ne fonctionnera pas car le nom d'utilisateur indique qu'il n'est pas attribuable à tapez Kramer, même si Jerry est le contenu. Jerry n'est pas du type Kramer. Nous ne savons pas vraiment de quel type est Kramer. Nous savons juste que Jerry n'est pas ça. Vous pensez peut-être que si je dois limiter un type à quelque chose de littéral, pourquoi n'utilise-je pas simplement une constante ? Eh bien, c'est une bonne question, mais disons que vous en avez besoin de plusieurs littéraux dans un objet. Par exemple, jetons un coup d'oeil à cela. Débarrassez-vous simplement de cette ligne et je créerai un nouvel objet appelé personne. Et définissons-le vraiment. Tu sais quoi, avant même de faire ça, je vais venir ici pour la première ligne. Au lieu de dire let username, je vais en fait faire c'est un type. La façon dont je vais procéder est d'utiliser le type de mot-clé. Maintenant, quand je crée un type, je veux le mettre en majuscule pour pouvoir dites que c'est un type et pas autre chose. Donc ici, le nom est maintenant de type ici. D'accord, je dois donc attribuer cela maintenant à une valeur. Maintenant, ici, mon nom est du type Kramer parce que là-haut, nom d'utilisateur Kramer. Soit dit en passant, ceci est appelé en utilisant un alias de type. Je suis juste en train de le mettre ici, mais c'est la même chose que j'avais un il y a une seconde. Très bien, j'ai configuré ma personne avec mon architecture ici, ma forme de l'objet. Maintenant, donnons-lui de vraies informations. Alors prenons juste une seconde pour renforcer certains de ces points. J'ai créé ici un nouveau type appelé nom d'utilisateur. Maintenant, ce type a vraiment une valeur littérale, une valeur littérale type de Kramer. Maintenant, j'ai défini la forme de mon objet ici. Je l'ai défini avec mes deux propriétés. Le nom est de type nom d'utilisateur, qui est en réalité de type Kramer à cause de ce type d'alias d'affaires ici sur la première ligne. Alors porter une chemise bouffante est de type booléen. Ensuite, je lui ai donné quelques valeurs ici. Nom Kramer, portant une fausse chemise bouffante. J'ai toujours le problème d'oublier de mettre mes virgules dans les choses et vous pourriez le faire aussi. Si vous rencontrez la situation, obtenez une erreur, c'est généralement cela problème syntaxique. Mais de toute façon, ici, le seul nom d'utilisateur que je peux insérer ici c'est Kramer. Si j'essaie autre chose, J'obtiendrai une erreur. Et l'erreur ici indique que le type Elaine n'est pas attribuable. pour taper Kramer. Encore une fois, qu’est-ce que le type Kramer ? Tout ce que c'est, c'est un type littéral de chaîne. Et Elaine n'est pas ça. Et vraiment, la seule chose qui existe, c'est la corde Kramer. Et vous voyez cela sur le pop-up. Donc, à la fin du code, j'obtiens ce Kramer très utile. C'est ça. Donc ça marche bien. Mais nous pouvons étendre cet alias de type pour le rendre un peu plus que Kramer, mais beaucoup moins que d'autres choses. Et pour ce faire, nous utilisons le symbole du tuyau. Et cela dira ou. Alors maintenant, je peux dire que le type littéral est Kramer ou Elaine ou Georges ou Jerry. Et tout cela est alors parfaitement légitime pour apparaître ici comme valeur du nom. Explorons cela juste un petit peu. Je vais trouver ma ficelle. Il y a Elaine. Il y a George pour le G. Jerry. Mais si je tape P pour quelque chose comme Paul, il y a non P. Je veux mettre du type Joanna. Tout ce que j'ai, c'est Jerry. Tapez Alita. Eh bien, je ne peux pas faire ça parce qu'Alita n'est pas assignable au type nom d'utilisateur. Les seules choses que je pourrais faire sont les ors dans la chaîne, le types littéraux, les valeurs de chaîne que j'ai données ici. Donc cela signifie simplement que je peux mettre George et que cela fonctionne parfaitement bien. C'est pour ça qu'on se donne un peu plus flexibilité sur l'utilisation de types littéraux, même si nous sommes lui donnant littéralement le type d'une simple série de personnages, qui n'a pas de signification dans un type. Mais pour nous, c'est le sens. Donc notre type littéral est ce contenu ici ou ceci ou ceci ou que. Et nous pouvons alterner ou nous pouvons les utiliser. Donc si nous voulons juste avoir une série de personnes et que nous je sais que ça va être entre ces quatre noms et porter un la chemise gonflée est le booléen entre ces quatre-là. C'est une excellente façon de procéder. Merci d'avoir regardé. Restez à l'écoute pour la prochaine leçon où je vais vous montrer comment énumérer les types fonctionnent en TypeScript.

Débutant Fournisseur : Mark Nair 6 leçons · 33m en Arabe, Allemand, Anglais, Espagnol, Français, Portugais, Chinese

Description du cours

Dans ces leçons sur les types complexes, vous découvrirez différents types de TypeScript qui vont au-delà des types de base comme les nombres et les chaînes de caractères. Les types littéraux vous permettent de définir des variables avec des valeurs exactes, tandis que les types d'énumération permettent de donner des noms à un ensemble de constantes liées. Les tuples vous permettent de définir une liste ordonnée d'éléments avec des types fixes, offrant ainsi une alternative aux tableaux.

Vous découvrirez également le type de tableau et comment il peut être utilisé pour créer des tableaux d'un certain type ou d'une certaine longueur. Nous aborderons également le type d'union, qui vous permet de définir un type qui peut être l'un des nombreux types possibles. Cela peut être utile dans les cas où une fonction peut accepter différents types d'arguments, ou lorsqu'une propriété peut avoir différents types en fonction d'une condition. L'opérateur keyof type est une autre fonctionnalité qui peut être utilisée avec les interfaces et les classes pour accéder aux clés d'un type d'objet.

Tout au long de ces leçons, vous apprendrez à déclarer et à utiliser chaque type, ainsi qu'à les combiner pour créer des types complexes qui répondent à vos besoins spécifiques. À la fin de ces leçons, vous serez à l'aise avec l'utilisation de ces types pour écrire du code TypeScript plus robuste et flexible.

Ce que vous allez apprendre

Déclarer des types littéraux pour définir des variables avec des valeurs exactes
Utiliser des types d'énumération (enum) pour nommer un ensemble de constantes apparentées
Définir des tuples en tant que listes ordonnées d'éléments avec des types fixes
Créer des tableaux d'un certain type ou d'une certaine longueur en utilisant le type array
Appliquer le type union pour définir une valeur pouvant être de l'un des nombreux types possibles
Utiliser l'opérateur de type keyof pour accéder aux clés d'un type d'objet

Points clés à retenir

Les types complexes vont au-delà des types de base de TypeScript comme number et string.
Les types littéraux définissent des variables avec des valeurs exactes, tandis que les types enum donnent des noms à un ensemble de constantes associées.
Les tuples offrent une alternative aux tableaux en définissant une liste ordonnée d'éléments avec des types fixes.
Le type union est utile lorsqu'une fonction accepte différents types d'arguments ou qu'une propriété peut avoir différents types en fonction d'une condition.
L'opérateur de type keyof fonctionne avec les interfaces et les classes pour accéder aux clés d'un type d'objet.

Foire aux questions

Que couvre ce cours sur TypeScript ?

Il couvre les types TypeScript complexes qui vont au-delà des bases, notamment les types littéraux, les types enum, les tuples, les types de tableaux, les types union et l'opérateur de type keyof, ainsi que la manière de les déclarer, de les utiliser et de les combiner pour créer des types complexes.

Que serai-je capable de faire après avoir terminé ces leçons ?

À la fin, vous serez à l'aise pour utiliser ces types afin d'écrire un code TypeScript plus robuste et flexible, et capable d'implémenter des fonctionnalités avancées de types complexes dans des scénarios pratiques.

Quels sujets sont enseignés dans les leçons ?

Les leçons couvrent les types littéraux, le type Enum, les tuples, le type Array, le type Union et l'opérateur de type keyof.

Ce cours convient-il aux débutants ?

Oui, il s'agit d'un cours pour débutants en TypeScript axé sur la définition de types complexes, qui explique comment déclarer et utiliser chaque type ainsi que comment les combiner pour répondre à vos besoins spécifiques.