Pengembaraan TypeScript dengan cabaran jenis - Pilih Hari

Hello semua.
Saya sedang berusaha melalui cabaran jenis untuk menyelami TypeScript dengan lebih mendalam.

Hari ini, saya ingin berkongsi apa yang saya pelajari tentang Pilihan.

- Cabarannya -

interface Todo {
  title: string
  description: string
  completed: boolean
}

type TodoPreview = MyPick<Todo, 'title' | 'completed'>

const todo: TodoPreview = {
    title: 'Clean room',
    completed: false,
}

Laksanakan generik Pick terbina dalam tanpa menggunakannya.
Membina jenis dengan memilih set sifat K daripada T.

- Penerangan -

Cabarannya ialah untuk mencipta versi anda sendiri bagi jenis utiliti Pick, yang TypeScript sediakan sebagai utiliti standard.

- Penyelesaian saya -

interface Todo {
  title: string;
  description: string;
  completed: boolean;
}

type MyPick<T, U extends keyof T> = {
  [k in U]: T[k];
};

type TodoPreview = MyPick<Todo, "title" | "completed">;

const todo: TodoPreview = {
  title: "Clean room",
  completed: false,
};

- Penjelasan -

Biar saya jelaskan, baris demi baris.

Pada baris pertama, MyPick menerima dua argumen: T dan U memanjangkan kekunci T.

T：Jenis asas yang merangkumi semua sifat.
U melanjutkan kekunci T：Menentukan sifat untuk disertakan dalam jenis output.

Mengenai keyof
Mengenai lanjutan

Pada baris kedua,
Ia mencipta jenis baharu yang mengekstrak hanya sifat yang ditentukan daripada hujah yang diberikan.

Perihal Jenis Dipetakan seperti [k dalam U]

Seperti yang anda boleh lihat di bawah, jenis baharu yang mengecualikan penerangan daripada Todo dibuat dengan hanya memberikan tajuk dan dilengkapkan kepada MyPick.

Selamat Mengekod☀️

Atas ialah kandungan terperinci Pengembaraan TypeScript dengan cabaran jenis - Pilih Hari. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!