Folha de Dicas do TypeScript: Domine Conceitos Fundamentais & Boas Práticas
Instalando, executando, tipos, classes, todos os fundamentos
Conteúdo da página
Aqui está meu conciso folha de dicas do TypeScript abrangendo conceitos-chave, sintaxe e exemplos de código comumente referenciados pelos desenvolvedores:
Folha de Dicas do TypeScript
Começando
- Instale globalmente:
npm install -g typescript
- Compile o arquivo:
tsc filename.ts
- Verifique a versão:
tsc --version
Tipos Básicos
let a: number = 10;
let s: string = "TypeScript";
let b: boolean = true;
let arr: number[] = [1, 2, 3];
let tuple: [string, number] = ["TS", 2025];
let anyValue: any = "Flexível";
let unknownVal: unknown = 5;
let notDefined: undefined = undefined;
let notPresent: null = null;
Tipos de União e Literais
let id: number | string = 42;
let direction: 'left' | 'right' = 'left';
Aliases de Tipo e Interfaces
type Point = { x: number; y: number };
interface Person { name: string; age: number; }
let user: Person = { name: "Alice", age: 25 };
Funções
function sum(a: number, b: number): number {
return a + b;
}
const multiply = (a: number, b: number): number => a * b;
function log(msg: string): void { console.log(msg); }
Classes
class Animal {
name: string;
constructor(name: string) { this.name = name; }
move(distance: number = 0): void { console.log(`${this.name} moved ${distance}`); }
}
Modificadores de Acesso
public
(padrão),private
,protected
,readonly
class Point {
constructor(private x: number, private y: number) {}
}
Genéricos
function identity(arg: T): T { return arg; }
let output = identity("myString");
Enums
enum ResourceType { BOOK, FILE, FILM }
let r: ResourceType = ResourceType.BOOK;
Aserções de Tipo / Casting
let someVal: unknown = "Hello";
let strLength: number = (someVal as string).length;
Módulos
// Exportar
export function foo() {}
// Importar
import { foo } from "./module";
Tipos Avançados
- Interseção:
type A = { a: number }; type B = { b: number }; type AB = A & B; // { a: number, b: number }
- Condicional:
type IsString = T extends string ? true : false;
- Mapeado:
type Readonly = { readonly [P in keyof T]: T[P]; }
- Tipo de Literal de Modelo:
type EventName = `on${Capitalize}`;
Tipos Úteis
Partial, Required, Readonly, Pick, Omit, Record
Narrowing
- Use
typeof
einstanceof
para narrowing de tipo:
function padLeft(value: string, padding: string | number) {
if (typeof padding === "number") {
return Array(padding + 1).join(" ") + value;
}
return padding + value;
}
Este resumo fornece a sintaxe e os recursos essenciais para a maioria dos fluxos de trabalho de desenvolvimento com TypeScript.