0% acharam este documento útil (0 voto)
12 visualizações2 páginas

Guia Rápido de TypeScript para Iniciantes

Este documento é um guia de referência rápida para iniciantes em TypeScript, abordando tópicos como declaração de variáveis, tipos básicos, tipos personalizados, funções, interfaces, classes, enums, union types, tipos literais, generics e tipagem no DOM. Exemplos práticos são fornecidos para cada conceito, facilitando a compreensão. O cheat sheet serve como uma introdução concisa às principais funcionalidades da linguagem TypeScript.

Enviado por

Si ASP
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
0% acharam este documento útil (0 voto)
12 visualizações2 páginas

Guia Rápido de TypeScript para Iniciantes

Este documento é um guia de referência rápida para iniciantes em TypeScript, abordando tópicos como declaração de variáveis, tipos básicos, tipos personalizados, funções, interfaces, classes, enums, union types, tipos literais, generics e tipagem no DOM. Exemplos práticos são fornecidos para cada conceito, facilitando a compreensão. O cheat sheet serve como uma introdução concisa às principais funcionalidades da linguagem TypeScript.

Enviado por

Si ASP
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd

TypeScript Cheat Sheet para Iniciantes

1. Declaração de Variáveis

let nome: string = "João";


const idade: number = 30;
let ativo: boolean = true;

2. Tipos Básicos

string, number, boolean, null, undefined


let valores: number[] = [1, 2, 3];

3. Tipos Personalizados

type Pessoa = {
nome: string;
idade: number;
};

let p: Pessoa = { nome: "Ana", idade: 25 };

4. Funções

function saudacao(nome: string): string {


return "Olá, " + nome;
}

5. Interface

interface Usuario {
nome: string;
email: string;
}

function cadastrar(u: Usuario) {


[Link]([Link]);
}

6. Classes

class Pessoa {
nome: string;

constructor(nome: string) {
[Link] = nome;
}
}

7. Enum e Union Types

enum Status {
Ativo,
Inativo
}

let estado: Status = [Link];

let resultado: string | number;


resultado = "ok";
resultado = 200;

8. Tipos Literais e Any

let direcao: "esquerda" | "direita";


let valor: any = 10;

9. Generics

function identidade<T>(valor: T): T {


return valor;
}

10. Tipagem no DOM

const btn = [Link]("meuBotao") as HTMLButtonElement;


[Link]("click", () => [Link]("Clicou"));

Você também pode gostar