@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
