Scribd
Carregar
6 visualizações

TypeScript Guide for JavaScript Programmers

Enviado por

Lucas Gomes
Direitos autorais
© © All Rights Reserved
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
6 visualizações

TypeScript Guide for JavaScript Programmers

Enviado por

Lucas Gomes
Direitos autorais
© © All Rights Reserved
Formatos disponíveis
Baixe no formato PDF, TXT ou leia on-line no Scribd
Você está na página 1/ 8

@patrycksilva

Guia de TypeScript
Para programadores
JavaScript

Salve para ver depois


@patrycksilva

TypeScript:
É um Superset do JavaScript
desenvolvido pela Microsoft
que adiciona sintaxe de tipos
ao JavaScript.
@patrycksilva

Tipos por
inferência
O TypeScript pode gerar tipos
automaticamente em muitos casos.

const minAge = 18;


const minAge: number

const numbers = [0,1,2,3,4,5];


const numbers: number[ ]

Você também pode especificar o tipo na declaração:

const minAge: number = 18;


@patrycksilva

Definindo Tipos
Você pode definir um padrão
para seus objetos utilizando
uma declaração de interface.

interface IUser {
name: string;
age: number;
}

Caso forneça um objeto que não respeite a


interface, você receberá o seguinte erro:

const user: IUser = {


name: "John Doe",
};
Type ‘ { name: string; } ’ is not assignable
to type ‘ IUser ’.
@patrycksilva

Unions
Você pode declarar um tipo que só
pode ser uma opção dentre as
declaradas na tipagem.

type IShape = "circle" | "square";

const validShape: IShape = "circle


";

const invalidShape: IShape = "triangle";


Type ‘ “triangle” ‘ is not assignable
to type ‘IShape’.
@patrycksilva

Generics
Com generics, você pode criar
variáveis de tipo para escrever
código reutilizável.
interface Page<T> {
data: T[];
}

const usersPage: Page<IUser> = {


data: [user1,user2,user3],
};

const adminsPage: Page<IAdmin> = {


data: [admin1,admin2,admin3],
};
@patrycksilva

Sistema
Estrutural de Tipo
Se dois objetos têm a mesma estrutura,
são considerados do mesmo tipo.

function welcomeUser(user: IUser) {


console.log(`Olá ${user.name}, seja
bem-vindo!`);
}

// Passando um objeto no formato da interface


welcomeUser({ name: "Fulano", age: 30 });
@patrycksilva

Curtiu o post?
Deixe uma Reação!

Salve para ver depois

Você também pode gostar