0Pricing
TypeScript Academy · Leçon

Typage du paramètre this ; void, never

Typez le paramètre spécial this, comprenez le this lexical avec les fonctions fléchées et apprenez quand retourner void plutôt que never.

Typage du paramètre this ; void, never est une leçon TypeScript Academy gratuite sur CoddyKit. Ceci est la leçon 2 sur 3. 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 3 leçons au total.

Introduction

Objectif : typer le paramètre spécial this, comprendre comment les fonctions fléchées capturent this lexicalement, et choisir entre void (aucune valeur) et never (aucun retour).

Typage du paramètre this

Ajoutez un paramètre initial nommé this pour typer le récepteur attendu. Il ne s'agit pas d'un véritable argument et il ne s'applique qu'aux fonctions qui ne sont pas fléchées.

function setTitle(this: { title: string }, t: string): void {
  this.title = t;
}

const model = { title: "Old" };
setTitle.call(model, "New");
console.log(model.title);

Fonctions fléchées et this

Les fonctions fléchées capturent le this de la portée environnante ; elles ne peuvent pas déclarer de paramètre this.

const counter = {
  n: 0,
  tick: function () {
    setTimeout(() => {
      // Arrow keeps outer this (counter)
      this.n++;
      console.log(this.n);
    }, 0);
  },
};

counter.tick();

Valeur de retour void

void signifie que la fonction ne renvoie pas de valeur significative. Les appelants ne doivent pas utiliser son résultat.

function logMsg(msg: string): void {
  console.log(msg);
}

const r = logMsg("hello"); // r is void (ignored)
// Returning a value here would error when annotated as void

Retour de type never

never indique que la fonction ne renvoie rien (elle lève une exception ou exécute une boucle infinie). Ce type est utile pour les vérifications exhaustives et les chemins de code impossibles.

function fail(message: string): never {
  throw new Error(message);
}

function loopForever(): never {
  while (true) {}
}

// Calling either function never returns

Bonnes pratiques

Conseils :

  • Utilisez le paramètre this uniquement avec des fonctions qui ne sont pas fléchées et qui dépendent d'un récepteur.
  • Privilégiez les fonctions de rappel fléchées pour éviter de perdre this.
  • Annotez void pour les fonctions à effets de bord ; utilisez never pour les exceptions, les boucles ou les gardes exhaustives.

Vérification du paramètre this

Vérification rapide : Quelle affirmation concernant le paramètre « this » est TRUE ?

Récapitulatif

Récapitulatif : Typez le récepteur avec un paramètre this dans les fonctions qui ne sont pas fléchées, comptez sur les fonctions fléchées pour le this lexical et utilisez void ou never de manière appropriée.

Questions Fréquemment Posées

La leçon « Typage du paramètre this ; void, never » est-elle gratuite ?

Oui — le texte complet de « Typage du paramètre this ; void, never » 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 3 leçons au total.

Qu'est-ce que j'apprendrai dans « Typage du paramètre this ; void, never » ?

Typez le paramètre spécial this, comprenez le this lexical avec les fonctions fléchées et apprenez quand retourner void plutôt que never. 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 3.

Combien de temps prend la leçon « Typage du paramètre this ; void, never » ?

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. Surcharges de fonctions et signatures d’appel
  2. Typage du paramètre this ; void, never
  3. Fonctions d’assertion et gardes de types définis par l’utilisateur
← Retour à TypeScript Academy