in, instanceof y uniones discriminadas
Utilice comprobaciones con in y de propiedades, instanceof para clases y uniones discriminadas para ramificar de forma segura.
in, instanceof y uniones discriminadas 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: Practicar tres guardas de tipos eficaces: in para comprobar propiedades, instanceof para clases y uniones discriminadas para crear ramificaciones claras.
Operador in
in acota tipos comprobando en tiempo de ejecución el nombre de una propiedad. Es muy útil para uniones de literales de objeto.
type HasLength = { length: number };
function print(v: string | HasLength) {
if ("length" in v) {
// v is HasLength
console.log("len:", v.length);
} else {
// v is string
console.log(v.toUpperCase());
}
}
print({ length: 3 });
print("ts");instanceof
instanceof comprueba los prototipos de valores basados en clases. Funciona cuando el constructor está disponible en tiempo de ejecución.
class Person {
constructor(public name: string) {}
}
function hello(x: Person | Date) {
if (x instanceof Person) {
console.log("Hi", x.name);
} else {
console.log("Year", x.getFullYear());
}
}
hello(new Person("Ada"));
hello(new Date(2024, 0, 1));Unión discriminada
Las uniones discriminadas utilizan una etiqueta literal (como kind) para realizar un cambio de forma clara, con una acotación completa en cada caso.
type Circle = { kind: "circle"; radius: number };
type Square = { kind: "square"; size: number };
type Shape = Circle | Square;
function area(s: Shape): number {
switch (s.kind) {
case "circle":
return Math.PI * s.radius ** 2;
case "square":
return s.size * s.size;
}
}
console.log(area({ kind: "circle", radius: 2 }));
console.log(area({ kind: "square", size: 3 }));Combinación de guardas
Combine las comprobaciones de etiquetas con in para acotar estructuras anidadas y acceder únicamente a miembros seguros.
type FetchOk = { status: "ok"; data: { length: number } };
type FetchErr = { status: "error"; message: string };
type Result = FetchOk | FetchErr;
function handle(r: Result) {
if (r.status === "ok" && "length" in r.data) {
console.log("items:", r.data.length);
} else {
console.log("error:", r.message);
}
}
handle({ status: "ok", data: { length: 5 } });
handle({ status: "error", message: "oops" });Directrices
Directrices:
- Utilice in para uniones basadas en propiedades.
- Utilice instanceof con clases.
- Utilice uniones discriminadas para obtener un flujo de control claro.
Comprobación del operador in
Comprobación rápida: ¿Qué operador comprueba una propiedad en tiempo de ejecución y acota los tipos?
Resumen
Resumen: in comprueba propiedades, instanceof comprueba clases y las uniones discriminadas permiten crear instrucciones switch claras y seguras en cuanto a tipos.
Preguntas frecuentes
¿La lección «in, instanceof y uniones discriminadas» es gratis?
Sí — el texto completo de «in, instanceof y uniones discriminadas» 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 «in, instanceof y uniones discriminadas»?
Utilice comprobaciones con in y de propiedades, instanceof para clases y uniones discriminadas para ramificar de forma segura. 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 «in, instanceof y uniones discriminadas»?
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
- typeof, igualdad y reducción por veracidad
- in, instanceof y uniones discriminadas
- Exhaustividad con never (introducción)