Seu Primeiro Código TypeScript
Parte da seção Introdução ao TypeScript do Journey de JavaScript da Coddy. Lição 3 de 73.
Agora é hora de escrever seu primeiro código TypeScript! A principal diferença entre TypeScript e JavaScript é a capacidade de adicionar anotações de tipo às suas variáveis.
Uma anotação de tipo informa ao TypeScript exatamente que tipo de dados uma variável deve conter. A sintaxe é simples: você adiciona dois pontos seguidos pelo nome do tipo após o nome da variável.
let variableName: type = value;Por exemplo, para criar uma variável que pode conter apenas texto (strings), você escreveria:
let message: string = "Hello, World!";A parte : string é a anotação de tipo. Ela diz explicitamente ao TypeScript que message deve conter apenas valores de string.
Se você tentar atribuir um número ou qualquer outro tipo a esta variável mais tarde, o TypeScript capturará o erro antes que seu código seja executado.
Essa tipagem explícita é o que torna o TypeScript tão poderoso para detectar bugs precocemente e tornar seu código mais previsível.
Desafio
FácilCrie uma variável chamada greeting com uma anotação de tipo explícita de string e atribua a ela o valor "Hello, TypeScript!".
Em seguida, imprima a variável no console usando console.log().
Experimente você mesmo
// TODO: Escreva seu código aquiEsta 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 TuplasPratique por conta própria: Playground de TypeScript