<aside> <img src="notion://custom_emoji/6a9f75af-b090-4ac1-9370-a797e429cd85/12c39bc1-c32f-80fa-b777-007a474b0a18" alt="notion://custom_emoji/6a9f75af-b090-4ac1-9370-a797e429cd85/12c39bc1-c32f-80fa-b777-007a474b0a18" width="40px" />

Descrição

TypeScript é uma linguagem de programação desenvolvida pela Microsoft que se baseia em JavaScript, adicionando recursos de tipagem estática e outras funcionalidades avançadas. Ao permitir que os desenvolvedores especifiquem tipos de dados, TypeScript ajuda a identificar erros em tempo de compilação, resultando em um código mais robusto e menos propenso a falhas. Além disso, TypeScript é compatível com todas as bibliotecas JavaScript existentes, facilitando sua adoção em projetos já em andamento. Com suporte para conceitos de programação orientada a objetos e uma rica experiência de desenvolvimento, TypeScript se tornou uma escolha popular para a construção de aplicações complexas e escaláveis, especialmente em grandes equipes de desenvolvimento.

Procura por JavaScript? acesse:

JavaScript

</aside>

O que é o TypeScript?

O TypeScript (TS) é uma linguagem de programação desenvolvida pela Microsoft que estende o JavaScript adicionando tipagem estática e outros recursos para facilitar o desenvolvimento de aplicações maiores e mais seguras.

O TypeScript é superset do JavaScript, ou seja, código JavaScript válido também é, em geral, código TypeScript válido.

JavaScript
    ↓
TypeScript
    ├── Tipagem estática
    ├── Interfaces
    ├── Generics
    ├── Enums
    ├── Type Aliases
    └── Outros recursos

O TypeScript não é executado diretamente pelo navegador. O código normalmente passa por um processo de compilação/transpilação para JavaScript antes da execução.

Código TypeScript
       ↓
TypeScript Compiler
       ↓
Código JavaScript
       ↓
Navegador / Node.js

JavaScript vs. TypeScript

A principal diferença é a forma como os tipos são tratados.

JavaScript

let idade = 20;

idade = "vinte";

JavaScript permite essa alteração.

TypeScript

let idade: number = 20;

idade = "vinte"; // Erro

O TypeScript detecta o problema durante o desenvolvimento.

Importante: a tipagem do TypeScript existe principalmente durante o desenvolvimento e a verificação do código. Depois da compilação, os tipos do TypeScript não existem em tempo de execução no JavaScript gerado.

Tipos Básicos

O TypeScript possui vários tipos primitivos:

let nome: string = "João";
let idade: number = 35;
let ativo: boolean = true;

Também existem tipos como: