0Pricing
TypeScript Academy · Lección

Funciones de protección de tipos definidas por el usuario

Escriba predicados is para crear protecciones de tipos personalizadas.

Funciones de protección de tipos definidas por el usuario es una lección gratuita de TypeScript Academy en CoddyKit. Esta es la lección 3 de 4. 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 4 lecciones en total.

Bienvenido

Los type guards definidos por el usuario permiten encapsular una comprobación de estrechamiento en una función reutilizable mediante el tipo de retorno predicado `is`.

El tipo de retorno predicado is

Una función type guard devuelve `paramName is Type`. Cuando la función devuelve true, TypeScript estrecha el parámetro a ese tipo.
function isString(val: unknown): val is string {
  return typeof val === 'string';
}

Uso de un type guard

Llame al type guard en una condición if. TypeScript estrecha el tipo dentro del bloque.
function process(val: unknown) {
  if (isString(val)) {
    console.log(val.toUpperCase()); // val: string
  }
}

Type guards para interfaces

Como no puede usar instanceof con interfaces, los type guards son la forma principal de estrechar uniones de interfaces.
interface Cat { meow(): void }
interface Dog { bark(): void }
function isCat(pet: Cat | Dog): pet is Cat {
  return 'meow' in pet;
}

Type guards para objetos complejos

Escriba un type guard que valide la estructura de un objeto en tiempo de ejecución antes de utilizarlo como un tipo específico.
interface User { name: string; age: number; }
function isUser(val: unknown): val is User {
  return (
    typeof val === 'object' &&
    val !== null &&
    typeof (val as any).name === 'string' &&
    typeof (val as any).age === 'number'
  );
}

Type guards frente a aserciones

Los type guards comprueban en tiempo de ejecución. Las aserciones de tipo (as Type) solo se comprueban en tiempo de compilación y pueden mentir. Prefiera los guards para datos externos.

Array.isArray como type guard

Array.isArray es un type guard integrado. TypeScript lo entiende y realiza el estrechamiento correspondiente.
function flatten(val: string | string[]): string[] {
  return Array.isArray(val) ? val : [val];
}

Type guards genéricos

Los type guards pueden ser genéricos para crear comprobadores reutilizables en tiempo de ejecución.
function isNonNull<T>(val: T | null | undefined): val is T {
  return val !== null && val !== undefined;
}
const values = [1, null, 2, undefined].filter(isNonNull);
// values: number[]

Funciones de aserción

Las funciones de aserción (que utilizan asserts) lanzan una excepción si la condición es falsa y estrechan el tipo después de la llamada.
function assertIsString(val: unknown): asserts val is string {
  if (typeof val !== 'string') throw new TypeError('Not a string');
}
assertIsString(input);
console.log(input.toUpperCase()); // narrowed to string

La responsabilidad de los type guards

TypeScript confía completamente en los valores devueltos por los type guards. Si el guard es incorrecto, TypeScript no detectará la discrepancia en tiempo de compilación.

Type guards en filter y find

Pase type guards directamente a array.filter para estrechar el tipo del resultado.
const mixed: (string | null)[] = ['a', null, 'b'];
const strings = mixed.filter((x): x is string => x !== null);
// strings: string[]

Comprobación rápida

¿Qué anotación de tipo de retorno marca una función como type guard de TypeScript?

Resumen

Los type guards definidos por el usuario utilizan tipos de retorno `param is Type` para encapsular la lógica de estrechamiento. Funcionan con filter/find, permiten estrechar interfaces y pueden ser genéricos. Las funciones de aserción estrechan el tipo sin devolver un booleano.

Preguntas frecuentes

¿La lección «Funciones de protección de tipos definidas por el usuario» es gratis?

Sí — el texto completo de «Funciones de protección de tipos definidas por el usuario» 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 4 lecciones en total.

¿Qué aprenderé en «Funciones de protección de tipos definidas por el usuario»?

Escriba predicados is para crear protecciones de tipos personalizadas. 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 3 de 4.

¿Cuánto tiempo toma la lección «Funciones de protección de tipos definidas por el usuario»?

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. Reducción de tipos con typeof y truthiness
  2. Reducción de tipos con instanceof e in
  3. Funciones de protección de tipos definidas por el usuario
  4. Comprobación de exhaustividad con never
← Volver a TypeScript Academy