Jenis Keyof dan Carian

keyof dan jenis carian dalam TypeScript membolehkan anda bekerja secara dinamik dengan kunci dan sifat jenis sedia ada.

Ciri ini menjadikan kod anda lebih fleksibel dan boleh diguna semula kerana anda boleh merujuk serta mengeluarkan jenis daripada objek.

Operator keyof mencipta jenis yang terdiri daripada semua kunci bagi sesuatu jenis objek.

Contoh:

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

Jenis carian menggunakan kurungan siku [] untuk mendapatkan jenis sifat tertentu bagi sesuatu objek.

Contoh:

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

Anda boleh menggunakan keyof dan jenis carian bersama-sama untuk mencipta kekangan jenis yang dinamik dan boleh diguna semula.

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

Kes Penggunaan untuk keyof dan Jenis Carian

Kes penggunaan lazim termasuk:

• Mencipta antara muka pengaturcaraan aplikasi dinamik.
• Capaian sifat yang selamat dari segi jenis dalam objek.
• Meningkatkan fleksibiliti kod dengan kekangan jenis.

Berikut ialah contoh praktikal yang menggabungkan keyof dan jenis carian:

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');

Ciri ini menawarkan:

• Capaian sifat dinamik dengan keselamatan jenis.
• Kod yang boleh diguna semula dan diskalakan.
• Pencegahan ralat yang lebih baik pada masa kompilasi.

Cipta fungsi menggunakan keyof dan jenis carian untuk mengakses sifat secara dinamik daripada objek pengguna. Cuba sendiri!

Tahniah!

Anda telah mempelajari cara menggunakan keyof dan jenis carian untuk menjadikan kod anda dinamik serta selamat dari segi jenis. Teruskan berlatih untuk menguasai ciri lanjutan TypeScript ini!