Anotaciones de tipo de objeto en línea
Parte de la sección Introducción a TypeScript del Journey de JavaScript de Coddy. Lección 37 de 73.
A veces necesitas definir la estructura de un objeto para un único caso de uso específico. En lugar de crear un alias de tipo o una interfaz reutilizable, TypeScript te permite definir la forma del objeto directamente donde declaras la variable. Esto se denomina una anotación de tipo de objeto en línea.
La sintaxis utiliza llaves para describir las propiedades del objeto y sus tipos directamente en la declaración de la variable:
let user: { name: string; id: number } = {
name: "Alice",
id: 123
};Este enfoque es perfecto para estructuras de objetos de un solo uso que no planeas reutilizar en ningún otro lugar de tu código.
Desafío
FácilCrea una variable llamada student con una anotación de tipo de objeto en línea que defina la siguiente estructura:
- Propiedad
namede tipostring - Propiedad
studentIdde tiponumber - Propiedad
isEnrolledde tipoboolean
Asigna a la variable los siguientes valores:
name:"Sarah Johnson"studentId:12345isEnrolled:true
Crea otra variable llamada course con una anotación de tipo de objeto en línea que defina la siguiente estructura:
- Propiedad
titlede tipostring - Propiedad
creditsde tiponumber - Propiedad
instructorde tipostring
Asigna a la variable los siguientes valores:
title:"Introduction to TypeScript"credits:3instructor:"Dr. Smith"
Imprime la siguiente información en líneas separadas:
- El nombre del estudiante
- El ID del estudiante
- El título del curso
- El número de créditos
Pruébalo tú mismo
// TODO: Escribe tu código aquí
// Crea la variable student con una anotación de tipo de objeto en línea
// Crea la variable course con una anotación de tipo de objeto en línea
// Imprime la información requeridaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Introducción a TypeScript
1Primeros pasos con TS
¿Qué es TypeScript?¿Por qué usar TypeScript?Tu primer código en TypeScriptProceso de compilación y erroresResumen: Introducción a TS4Trabajando con funciones
Tipado de parámetros y valores de retornoTipado de funciones de flechaEl tipo de retorno 'void'Parámetros opcionales con '?'Valores de parámetros por defectoTipado de parámetros restDefinición de tipos de funcionesRepaso: Construcción de funciones tipadas2Tipos principales
Tipos básicos: str, num, booleanEl tipo 'any': Vía de escapeEl tipo 'unknown'Trabajando con 'null' y 'undef'Inferencia de tipos en acciónAnotaciones de tipo explícitasResumen: Práctica de tipos principales5Tipos: Alias, Uniones e Intersecciones
Alias de tipos para primitivosTipos de unión ('|')Trabajando con tipos de uniónTipos literalesTipos de intersección ('&')Combinando alias de tiposRepaso: Combinaciones de tipos avanzadas3Estructura de datos: Arrays y Tuplas
Arrays tipadosModificador 'readonly' para Arrays¿Qué es una Tupla?Declaración y acceso a TuplasDesestructuración de TuplasTuplas ReadonlyArrays tipados multidimensionalesOperador Spread con ArraysResumen: Arrays y Tuplas6Tipado de Objetos e Interfaces
Anotaciones de tipo de objeto en líneaAlias de tipo para objetosIntroducción a las interfacesInterfaces vs. Alias de tipoPropiedades opcionales y ReadonlyExtensión de interfaces y tiposAgregar métodos a interfacesRepaso: Definición de estructuras de objetosPractica por tu cuenta: Compilador de JavaScript online