Por que usar TypeScript?
Parte da seção Introdução ao TypeScript do Journey de JavaScript da Coddy. Lição 2 de 73.
O TypeScript oferece três grandes benefícios que tornam o desenvolvimento mais seguro e eficiente.
Detecte Erros Antecipadamente: A verificação de tipos estática do TypeScript captura erros durante o desenvolvimento, antes que seu código seja executado. Isso evita bugs que poderiam surgir apenas quando os usuários interagem com sua aplicação.
Considere este erro comum de JavaScript:
// JavaScript - este bug não será detectado até o tempo de execução
function calculateTotal(price, tax) {
return price + tax;
}
calculateTotal("50", 0.1); // Retorna "500.1" em vez de 50.1!Com TypeScript, este erro é capturado imediatamente:
// TypeScript - erro capturado durante o desenvolvimento
function calculateTotal(price: number, tax: number): number {
return price + tax;
}
calculateTotal("50", 0.1); // Erro: O argumento do tipo 'string' não é atribuível ao parâmetro do tipo 'number'Melhor Legibilidade do Código: Anotações de tipo servem como documentação, tornando claro que tipo de dados as funções esperam e retornam. Isso ajuda tanto você quanto seus colegas de equipe a entender o código mais rapidamente.
Ferramentas de Desenvolvimento Aprimoradas: O TypeScript permite autocompletar, refatoração e navegação superiores em editores de código. Seu editor sabe exatamente quais propriedades e métodos estão disponíveis em cada variável.
Experimente você mesmo
Esta lição não inclui um desafio de código.
Esta 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: Compilador de JavaScript online