Tipos de objeto, propiedades opcionales/de solo lectura y firmas de índice
Defina tipos de objeto con propiedades, marque algunas como opcionales o de solo lectura y utilice firmas de índice para claves flexibles.
Tipos de objeto, propiedades opcionales/de solo lectura y firmas de índice es una lección gratuita de TypeScript Academy en CoddyKit. Esta es la lección 1 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: Defina objetos estructurados en TypeScript. Explorará los tipos de objeto, las propiedades opcionales, los modificadores readonly y las firmas de índice para claves dinámicas.
Objeto básico
Los tipos de objeto definen los nombres de las propiedades y sus tipos. Todo objeto debe cumplir la estructura declarada.
type User = {
id: number;
name: string;
};
const u: User = { id: 1, name: "Ada" };
console.log(u);Propiedad opcional
Las propiedades opcionales utilizan «?». Los objetos pueden omitirlas y TypeScript comprueba que no sean undefined antes de usarlas.
type User = {
id: number;
name: string;
email?: string; // optional
};
const a: User = { id: 1, name: "Ada" };
const b: User = { id: 2, name: "Lin", email: "l@example.com" };Propiedad de solo lectura
readonly garantiza que las propiedades no se puedan reasignar después de la inicialización. Es útil para constantes y objetos de configuración.
type Config = {
readonly version: number;
name: string;
};
const cfg: Config = { version: 1, name: "App" };
// cfg.version = 2; // Error, readonlyFirma de índice
Las firmas de índice permiten nombres de propiedad desconocidos de un tipo determinado. Por ejemplo: las claves son cadenas y los valores son números.
type Dictionary = {
[key: string]: number;
};
const scores: Dictionary = { math: 95, eng: 88 };
console.log(scores["math"]);Combinación de conceptos
Puede combinar readonly, propiedades opcionales y firmas de índice en el mismo tipo para crear modelos flexibles, pero seguros.
type Settings = {
readonly id: string;
theme?: "light" | "dark";
[extra: string]: string | number | undefined;
};
const s: Settings = { id: "abc", theme: "dark", fontSize: 14 };
console.log(s);Comprobación de propiedad opcional
Comprobación rápida: ¿Qué significa «?» después de una propiedad?
Resumen
Resumen: Los objetos pueden declarar propiedades obligatorias, opcionales, de solo lectura y con firma de índice. Estas herramientas equilibran la flexibilidad y la seguridad.
Preguntas frecuentes
¿La lección «Tipos de objeto, propiedades opcionales/de solo lectura y firmas de índice» es gratis?
Sí — el texto completo de «Tipos de objeto, propiedades opcionales/de solo lectura y firmas de índice» 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 «Tipos de objeto, propiedades opcionales/de solo lectura y firmas de índice»?
Defina tipos de objeto con propiedades, marque algunas como opcionales o de solo lectura y utilice firmas de índice para claves flexibles. 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 1 de 3.
¿Cuánto tiempo toma la lección «Tipos de objeto, propiedades opcionales/de solo lectura y firmas de índice»?
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
- Tipos de objeto, propiedades opcionales/de solo lectura y firmas de índice
- Interfaces frente a alias de tipo
- Tipado estructural y comprobaciones de propiedades adicionales