Menu
Coddy logo textTech

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.

challenge icon

Desafío

Fácil

Crea una variable llamada student con una anotación de tipo de objeto en línea que defina la siguiente estructura:

  • Propiedad name de tipo string
  • Propiedad studentId de tipo number
  • Propiedad isEnrolled de tipo boolean

Asigna a la variable los siguientes valores:

  • name: "Sarah Johnson"
  • studentId: 12345
  • isEnrolled: true

Crea otra variable llamada course con una anotación de tipo de objeto en línea que defina la siguiente estructura:

  • Propiedad title de tipo string
  • Propiedad credits de tipo number
  • Propiedad instructor de tipo string

Asigna a la variable los siguientes valores:

  • title: "Introduction to TypeScript"
  • credits: 3
  • instructor: "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 requerida
quiz iconPonte a prueba

Esta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.

Todas las lecciones de Introducción a TypeScript

Practica por tu cuenta: Compilador de JavaScript online