Anotações de Tipo de Objeto Inline
Parte da seção Introdução ao TypeScript do Journey de JavaScript da Coddy. Lição 37 de 73.
Às vezes, você precisa definir a estrutura de um objeto para um caso de uso único e específico. Em vez de criar um alias de tipo ou interface reutilizável, o TypeScript permite definir a forma do objeto diretamente onde você declara a variável. Isso é chamado de uma anotação de tipo de objeto inline.
A sintaxe usa chaves para descrever as propriedades do objeto e seus tipos diretamente na declaração da variável:
let user: { name: string; id: number } = {
name: "Alice",
id: 123
};Esta abordagem é perfeita para estruturas de objetos pontuais que você não planeja reutilizar em outro lugar no seu código.
Desafio
FácilCrie uma variável chamada student com uma anotação de tipo de objeto inline que define a seguinte estrutura:
- propriedade
namedo tipostring - propriedade
studentIddo tiponumber - propriedade
isEnrolleddo tipoboolean
Atribua à variável os seguintes valores:
name:"Sarah Johnson"studentId:12345isEnrolled:true
Crie outra variável chamada course com uma anotação de tipo de objeto inline que define a seguinte estrutura:
- propriedade
titledo tipostring - propriedade
creditsdo tiponumber - propriedade
instructordo tipostring
Atribua à variável os seguintes valores:
title:"Introduction to TypeScript"credits:3instructor:"Dr. Smith"
Imprima as seguintes informações em linhas separadas:
- O nome do estudante
- O ID do estudante
- O título do curso
- O número de créditos
Experimente você mesmo
// TODO: Escreva seu código aqui
// Crie a variável student com anotação de tipo de objeto inline
// Crie a variável course com anotação de tipo de objeto inline
// Imprima as informações necessáriasEsta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Todas as lições de Introdução ao TypeScript
1Primeiros Passos com TS
O que é TypeScript?Por que usar TypeScript?Seu Primeiro Código TypeScriptProcesso de Compilação e ErrosRecapitulação: Introdução ao TS4Trabalhando com Funções
Tipagem de Parâmetros e RetornosTipagem de Arrow FunctionsO Tipo de Retorno 'void'Parâmetros Opcionais com '?'Valores Padrão de ParâmetrosTipagem de Rest ParametersDefinindo Tipos de FunçõesRecapitulação: Criando Funções Tipadas2Tipos Principais
Tipos Básicos: str, num, booleanO Tipo 'any': Válvula de EscapeO Tipo 'unknown'Trabalhando com 'null' e 'undef'Inferência de Tipo na PráticaAnotações de Tipo ExplícitasRecapitulação: Prática de Tipos Principais5Tipos: Aliases, Uniões e Interseções
Aliases de Tipos para PrimitivosTipos de União ('|')Trabalhando com Tipos de UniãoTipos LiteraisTipos de Interseção ('&')Combinando Aliases de TiposRecapitulação: Combinações Avançadas de Tipos3Estrutura de Dados: Arrays e Tuplas
Arrays TipadosModificador 'readonly' para ArraysO que é uma Tupla?Declarando e Acessando TuplasDesestruturando TuplasTuplas ReadonlyArrays Tipados MultidimensionaisSpread Operator com ArraysRecapitulação: Arrays e Tuplas6Tipagem de Objetos e Interfaces
Anotações de Tipo de Objeto InlineType Aliases para ObjetosIntrodução a InterfacesInterfaces vs. Type AliasesProps Opcionais e ReadonlyEstendendo Interfaces e TiposAdicionando Métodos a InterfacesRecapitulação: Definindo Formatos de ObjetosPratique por conta própria: Compilador de JavaScript online