0Pricing
TypeScript Academy · Lección

Tipado del parámetro this; void y never

Tipifique el parámetro especial this, comprenda el this léxico de las funciones flecha y aprenda cuándo devolver void en lugar de never.

Tipado del parámetro this; void y never es una lección gratuita de TypeScript Academy en CoddyKit. Esta es la lección 2 de 3. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de TypeScript Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de TypeScript Academy incluye 3 lecciones en total.

Introducción

Objetivo: Tipar el parámetro especial this, saber cómo las funciones flecha capturan this léxicamente y elegir entre void (sin valor) y never (sin retorno).

Tipado del parámetro this

Añada un parámetro inicial llamado this para tipar el receptor esperado. No es un argumento real y solo se aplica a funciones que no son flecha.

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

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

Funciones flecha y this léxico

Las funciones flecha capturan el this del ámbito circundante; no pueden declarar un parámetro this.

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

counter.tick();

Retorno void

void significa que la función no devuelve un valor significativo. Quienes llamen a la función no deben utilizar su resultado.

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

Retorno never

never indica que la función no retorna (lanza una excepción o ejecuta un bucle infinito). Resulta útil para comprobaciones exhaustivas y rutas de código imposibles.

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

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

// Calling either function never returns

Prácticas recomendadas

Consejos:

  • Utilice el parámetro this únicamente en funciones que no sean flecha y que dependan de un receptor.
  • Prefiera las funciones de flecha como callbacks para evitar perder this.
  • Anote void en funciones con efectos secundarios; utilice never para excepciones, bucles o protecciones exhaustivas.

Comprobación del parámetro this

Comprobación rápida: ¿Qué afirmación sobre el parámetro “this” es VERDADERA?

Resumen

Resumen: Tipifique el receptor con un parámetro this en funciones que no sean flecha, confíe en las funciones flecha para obtener un this léxico y utilice void y never de forma adecuada.

Preguntas frecuentes

¿La lección «Tipado del parámetro this; void y never» es gratis?

Sí — el texto completo de «Tipado del parámetro this; void y never» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de TypeScript Academy, actualiza a CoddyKit PRO. El curso de TypeScript Academy incluye 3 lecciones en total.

¿Qué aprenderé en «Tipado del parámetro this; void y never»?

Tipifique el parámetro especial this, comprenda el this léxico de las funciones flecha y aprenda cuándo devolver void en lugar de never. Practicas TypeScript Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.

¿Necesito experiencia previa para empezar TypeScript Academy?

No se requiere experiencia previa. TypeScript Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 2 de 3.

¿Cuánto tiempo toma la lección «Tipado del parámetro this; void y never»?

La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.

¿Puedo escribir y ejecutar código en esta lección de TypeScript Academy?

Sí. Cada lección de TypeScript Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.

Todas las lecciones de este curso

  1. Sobrecargas de funciones y firmas de llamada
  2. Tipado del parámetro this; void y never
  3. Funciones de aserción y protectores de tipo definidos por el usuario
← Volver a TypeScript Academy