TypeScript Academy · Leçon

Alias de types pour les types complexes

Créez des noms de types réutilisables avec le mot-clé type

Leçon 2 sur 413 étapes

Alias de types pour les types complexes est une leçon TypeScript Academy gratuite sur CoddyKit. Ceci est la leçon 2 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage TypeScript Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours TypeScript Academy comprend 4 leçons au total.

Bienvenue

Les alias de types donnent un nom à toute expression de type — primitives, unions, intersections, tuples ou objets. Ils rendent les types complexes réutilisables et lisibles.

Le mot-clé type

Créez un alias de type avec `type Name = TypeExpression`. Il peut être utilisé partout où le type d’origine pourrait l’être.
type UserId = number;
type UserName = string;
type Point = { x: number; y: number };

Créer des alias de types d’union

Nommez les types d’union complexes pour rendre les signatures de fonctions plus lisibles.
type StringOrNumber = string | number;
function format(val: StringOrNumber): string {
  return String(val);
}

Créer des alias de types d’objets

Les alias de types d’objets fonctionnent comme les interfaces pour décrire les structures d’objets.
type Product = {
  id: number;
  name: string;
  price: number;
};
const p: Product = { id: 1, name: 'Widget', price: 9.99 };

Créer des alias de types de tuples

Nommez les modèles de tuples courants pour ne pas répéter leur structure partout.
type Coordinate = [number, number];
type RGB = [number, number, number];
const pos: Coordinate = [10, 20];

Créer des alias de types de fonctions

Nommez les signatures de types de fonctions pour garder les listes de paramètres propres.
type Comparator<T> = (a: T, b: T) => number;
const numSort: Comparator<number> = (a, b) => a - b;

Les alias de types peuvent utiliser des génériques

Comme les interfaces, les alias de types prennent en charge les paramètres de types génériques.
type Maybe<T> = T | null | undefined;
type Pair<A, B> = { first: A; second: B };

Alias de types auto-référentiels

Les alias de types peuvent se référencer eux-mêmes pour les structures de données récursives comme les arbres et les listes chaînées.
type TreeNode = {
  value: number;
  left?: TreeNode;
  right?: TreeNode;
};

Les alias de types ne peuvent pas être rouverts

Contrairement aux interfaces, les alias de type ne peuvent pas être étendus par des déclarations supplémentaires après leur définition. Ils sont figés.
// Interface can be merged (declaration merging):
interface A { x: number; }
interface A { y: number; } // OK — A now has x and y

// Type alias cannot:
type B = { x: number };
// type B = { y: number }; // Error: duplicate identifier

Union discriminée avec des alias de type

Les alias de type sont particulièrement adaptés aux unions discriminées — un modèle qui combine des unions de types avec une propriété littérale commune.
type Success = { kind: 'success'; data: string };
type Failure = { kind: 'failure'; error: Error };
type Result = Success | Failure;

Quand préférer un alias de type à une interface

Utilisez `type` pour les unions, les tuples, les signatures de fonctions et lorsque vous devez créer des types calculés complexes. Utilisez `interface` pour les structures d’objets susceptibles d’être étendues ou implémentées.

Vérification rapide

Quelle fonctionnalité `interface` prend-il en charge, contrairement aux alias de type `type` qui ne la prennent pas en charge (NOT) ?

Récapitulatif

Les alias de type permettent de nommer toute expression de type, notamment les unions, les tuples, les objets et les fonctions. Ils prennent en charge les génériques et la récursivité. Contrairement aux interfaces, ils ne peuvent pas être rouverts après leur définition.
Gratuit pour commencer

Apprends TypeScript avec un tuteur IA — gratuit

Écris et exécute du vrai code dans ton navigateur, obtiens de l'aide instantanée d'un tuteur IA disponible 24h/24, et reprends là où tu t'es arrêté sur le web ou dans l'app.

Cours
101
Leçons
352

Questions Fréquemment Posées

La leçon « Alias de types pour les types complexes » est-elle gratuite ?

Oui — le texte complet de « Alias de types pour les types complexes » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours TypeScript Academy, passe à CoddyKit PRO. Le cours TypeScript Academy comprend 4 leçons au total.

Qu'est-ce que j'apprendrai dans « Alias de types pour les types complexes » ?

Créez des noms de types réutilisables avec le mot-clé type Tu pratiques TypeScript Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.

Dois-je avoir de l'expérience pour commencer TypeScript Academy ?

Aucune expérience préalable n'est requise. TypeScript Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 2 sur 4.

Combien de temps prend la leçon « Alias de types pour les types complexes » ?

La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.

Peux-tu écrire et exécuter du code dans cette leçon TypeScript Academy ?

Oui. Chaque leçon TypeScript Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.

Toutes les leçons de ce cours

  1. Définir la structure des objets avec des interfaces
  2. Alias de types pour les types complexes
  3. Extension et fusion d’interfaces
  4. Interface ou type : quand utiliser chacun
← Retour à TypeScript Academy