Tipos Keyof e de consulta

O keyof e os tipos de consulta no TypeScript permitem trabalhar dinamicamente com chaves e propriedades de tipos existentes.

Eles tornam seu código mais flexível e reutilizável, permitindo referenciar e extrair tipos de objetos.

O operador keyof cria um tipo composto por todas as chaves de um tipo de objeto.

Exemplo:

type Person = {
  name: string;
  age: number;
};
type PersonKeys = keyof Person;

Os tipos de consulta usam colchetes [] para recuperar o tipo de uma propriedade específica de um objeto.

Exemplo:

type Person = {
  name: string;
  age: number;
};
type NameType = Person['name'];

Você pode usar keyof e os tipos de consulta juntos para criar restrições de tipo dinâmicas e reutilizáveis.

function getProperty<T, K extends keyof T>(obj: T, key: K): T[K] {
  return obj[key];
}

Entre os casos de uso comuns estão:

• Criação de APIs dinâmicas.
• Acesso a propriedades de objetos com segurança de tipos.
• Maior flexibilidade do código com restrições de tipo.

Veja um exemplo prático que combina keyof e tipos de consulta:

type User = {
  id: number;
  username: string;
};

function printKey<T, K extends keyof T>(obj: T, key: K): void {
  console.log(`${key}: ${obj[key]}`);
}

const user: User = { id: 1, username: 'John' };
printKey(user, 'username');

Esses recursos oferecem:

• Acesso dinâmico a propriedades com segurança de tipos.
• Código reutilizável e escalável.
• Melhor prevenção de erros em tempo de compilação.

Crie uma função usando keyof e tipos de consulta para acessar propriedades dinamicamente de um objeto de usuário. Experimente!

Parabéns!

Você aprendeu a usar keyof e os tipos de consulta para tornar seu código dinâmico e seguro quanto aos tipos. Continue praticando para dominar esses recursos avançados do TypeScript!