Tipos Keyof y de consulta

keyof y los tipos de consulta de TypeScript permiten trabajar de forma dinámica con las claves y propiedades de los tipos existentes.

Hacen que el código sea más flexible y reutilizable, ya que permiten hacer referencia a tipos y extraerlos de los objetos.

El operador keyof crea un tipo compuesto por todas las claves de un tipo de objeto.

Ejemplo:

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

Los tipos de consulta utilizan corchetes [] para recuperar el tipo de una propiedad específica de un objeto.

Ejemplo:

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

Puede utilizar keyof y los tipos de consulta conjuntamente para crear restricciones de tipos dinámicas y reutilizables.

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

Entre los casos de uso habituales se incluyen:

• Creación de APIs dinámicas.
• Acceso a propiedades de objetos con seguridad de tipos.
• Mejora de la flexibilidad del código mediante restricciones de tipos.

A continuación se muestra un ejemplo práctico en el que combinamos keyof y los 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');

Estas funciones ofrecen:

• Acceso dinámico a propiedades con seguridad de tipos.
• Código reutilizable y escalable.
• Una mejor prevención de errores en tiempo de compilación.

Cree una función que utilice keyof y los tipos de consulta para acceder dinámicamente a las propiedades de un objeto de usuario. ¡Pruébela!

¡Felicidades!

Ha aprendido a utilizar keyof y los tipos de consulta para que su código sea dinámico y seguro en cuanto a tipos. ¡Siga practicando para dominar estas funciones avanzadas de TypeScript!