Como usar tipos em TypeScript explicado para iniciantes

TypeScript introduz tipagem estática ao JavaScript, o que ajuda a capturar erros durante o desenvolvimento e melhora a qualidade do código. Este artigo o guiará pelos conceitos básicos do uso de tipos em TypeScript, facilitando para iniciantes entender como aproveitar o sistema de tipos do TypeScript.

O que são tipos em TypeScript?

Tipos em TypeScript ajudam a definir a forma e a estrutura dos dados. Ao especificar tipos, você garante que variáveis, parâmetros de função e valores de retorno sigam os formatos esperados. Isso pode evitar muitos erros comuns de programação.

Tipos básicos

O TypeScript fornece vários tipos básicos que você pode usar para definir variáveis ​​e funções:

• Número: Representa valores numéricos.
• String: Representa dados textuais.
• Boolean: Representa valores verdadeiros ou falsos.
• Matriz: Representa uma coleção de valores de um tipo específico.
• Objeto: Representa uma coleção de pares chave-valor.

Exemplo de número

let age: number = 30;

Exemplo de sequência de caracteres

let name: string = "John Doe";

Exemplo Booleano

let isStudent: boolean = true;

Exemplo de matriz

let scores: number[] = [85, 90, 78];

Exemplo de objeto

let person: { name: string, age: number } = {
  name: "Jane Doe",
  age: 28
};

Inferência de Tipos

O TypeScript pode inferir tipos automaticamente com base nos valores atribuídos. Isso significa que você nem sempre precisa especificar tipos explicitamente, embora isso possa aumentar a clareza do código.

Exemplo de inferência de tipo

let count = 10; // TypeScript infers count as number
count = "text"; // Error: Type 'string' is not assignable to type 'number'

Tipos personalizados com interfaces

Interfaces em TypeScript permitem que você defina tipos personalizados com uma estrutura específica. Elas são particularmente úteis para criar objetos complexos e garantir formas consistentes em todo o seu aplicativo.

Exemplo de interface

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

let employee: Person = {
  name: "Alice",
  age: 32
};

Tipos de União

Tipos de união permitem que uma variável mantenha valores de vários tipos. Isso pode ser útil quando um valor pode ser um de vários tipos.

Exemplo de tipo de união

let id: number | string;
id = 123; // valid
id = "abc"; // valid
id = true; // Error: Type 'boolean' is not assignable to type 'number | string'

Aliases de tipo

Aliases de tipo permitem que você crie um novo nome para um tipo. Isso pode ser útil para simplificar definições de tipo complexas.

Exemplo de alias de tipo

type ID = number | string;

let userId: ID;
userId = 456; // valid
userId = "xyz"; // valid

Conclusão

Usar tipos no TypeScript fornece vários benefícios, incluindo detecção antecipada de erros, legibilidade de código aprimorada e manutenibilidade aprimorada. Ao entender tipos básicos, inferência de tipos, interfaces, tipos de união e aliases de tipos, você pode começar a aproveitar o TypeScript para escrever um código mais robusto e confiável. À medida que você ganha mais experiência com o TypeScript, você descobrirá recursos e padrões ainda mais avançados que podem aprimorar ainda mais seu processo de desenvolvimento.