Kes Penggunaan Praktikal infer: Membuka Balutan Promise
Buka balutan jenis Promise, Array dan pembalut tersuai.
Kes Penggunaan Praktikal infer: Membuka Balutan Promise ialah pelajaran TypeScript Academy percuma di CoddyKit. Ini ialah pelajaran 4 daripada 4. Anda boleh membaca keseluruhan pelajaran di bawah secara percuma — kemudian berlatih secara praktikal dalam pelayar menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran TypeScript Academy, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus TypeScript Academy merangkumi sejumlah 4 pelajaran.
Masalah Penyahbalutan
Apabila bekerja dengan kod tak segerak, Anda sering menerima Promise dan memerlukan T yang mendasarinya. Kata kunci infer menjadikan pengekstrakan ini boleh digunakan semula.
type Awaited<T> = T extends Promise<infer U> ? U : T;
type A = Awaited<Promise<string>>; // string
type B = Awaited<number>; // numberUtiliti Awaited Terbina Dalam
TypeScript 4.5 memperkenalkan Awaited terbina dalam yang mengendalikan promise bersarang secara rekursif.
type A = Awaited<Promise<Promise<string>>>; // string
// Handles arbitrary nesting automaticallyPenyahbalutan dengan Kedalaman Tersuai
Sebelum Awaited tersedia secara terbina dalam, pembangun menggunakan jenis rekursif dengan inferens untuk menyahbalut promise.
type DeepAwaited<T> =
T extends Promise<infer U> ? DeepAwaited<U> : T;
type A = DeepAwaited<Promise<Promise<number>>>; // numberPenyahbalutan Unsur Tatasusunan
Corak inferens yang sama mengekstrak jenis unsur daripada tatasusunan, setara dengan pendekatan terbina dalam T[number].
type Element<T> = T extends (infer U)[] ? U : never;
type A = Element<string[]>; // string
type B = Element<number[]>; // numberPenyahbalutan Jenis Boleh Diperhatikan
Bagi Observable RxJS, inferens mengekstrak jenis yang dipancarkan.
type ObservableType<T> = T extends Observable<infer U> ? U : never;
type A = ObservableType<Observable<User>>; // UserPenyahbalutan Pulangan Fungsi
Gabungkan ReturnType dan Awaited untuk mendapatkan nilai terselesai bagi fungsi tak segerak.
async function getUser(): Promise<User> { /* ... */ }
type UserResult = Awaited<ReturnType<typeof getUser>>; // UserPenyahbalutan Pembalut Bersarang
Anda boleh merangkaikan inferens untuk mengendalikan jenis yang dibalut dalam beberapa lapisan seperti Promise.
type UnwrapPromiseArray<T> =
T extends Promise<infer U>
? U extends (infer V)[]
? V
: U
: T;
type A = UnwrapPromiseArray<Promise<User[]>>; // UserPenyahbalutan Bersyarat Berdasarkan Bentuk
Gunakan inferens untuk menyahbalut jenis tertentu sahaja secara bersyarat, manakala jenis lain dibiarkan tidak berubah.
type MaybeUnwrap<T> =
T extends Promise<infer U> ? U : T extends (infer V)[] ? V : T;
type A = MaybeUnwrap<Promise<string>>; // string
type B = MaybeUnwrap<number[]>; // number
type C = MaybeUnwrap<boolean>; // booleanPembalut Pengambilan API Bertaip
Pembalut pengambilan generik yang mengembalikan jenis data terselesai ialah penggunaan klasik penyahbalutan berasaskan inferens.
async function fetchData<T>(url: string): Promise<T> {
const res = await fetch(url);
return res.json() as T;
}
type UserData = Awaited<ReturnType<typeof fetchData<User>>>; // UserPenyahbalutan Selamat daripada Ralat
Corak Result yang digabungkan dengan inferens membolehkan Anda mengekstrak jenis kejayaan daripada kesatuan berbeza.
type Ok<T> = { ok: true; value: T };
type Err = { ok: false; error: string };
type ExtractOk<T> = T extends Ok<infer V> ? V : never;
type A = ExtractOk<Ok<number> | Err>; // numberUlang Kaji: Penyahbalutan dengan inferens
Kata kunci inferens ialah alat serba guna untuk mengekstrak jenis daripada pembalut — Promise, tatasusunan, Observable dan jenis Result. Awaited terbina dalam mengendalikan penyahbalutan tak segerak; gunakan jenis tersuai untuk struktur lain.
Semakan Pantas
Apakah cara terbaik untuk mendapatkan jenis nilai terselesai bagi fungsi tak segerak?
Perkara yang Dipelajari
Penyahbalutan berasaskan inferens ialah alat praktikal untuk kod TypeScript tak segerak. Gunakan Awaited terbina dalam untuk promise dan bina jenis penyahbalut tersuai bagi tatasusunan, Observable dan corak Result.
Pelajari TypeScript dengan tutor kecerdasan buatan — percuma
Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.
- Kursus
- 101
- Pelajaran
- 352
Soalan Lazim
Adakah pelajaran “Kes Penggunaan Praktikal infer: Membuka Balutan Promise” percuma?
Ya — teks penuh “Kes Penggunaan Praktikal infer: Membuka Balutan Promise” boleh dibaca secara percuma di web ini. Untuk berlatih secara interaktif menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7, serta membuka kunci baki kursus TypeScript Academy, tingkat taraf kepada CoddyKit PRO. Kursus TypeScript Academy merangkumi sejumlah 4 pelajaran.
Apakah yang akan saya pelajari dalam “Kes Penggunaan Praktikal infer: Membuka Balutan Promise”?
Buka balutan jenis Promise, Array dan pembalut tersuai. Anda berlatih TypeScript Academy menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.
Adakah saya memerlukan pengalaman untuk memulakan TypeScript Academy?
Tiada pengalaman terdahulu diperlukan. Pembelajaran TypeScript Academy di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 4 daripada 4.
Berapa lamakah pelajaran “Kes Penggunaan Praktikal infer: Membuka Balutan Promise” diambil?
Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.
Bolehkah saya menulis dan menjalankan kod dalam pelajaran TypeScript Academy ini?
Ya. Setiap pelajaran TypeScript Academy menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.
Semua pelajaran dalam kursus ini
- Memahami infer dalam Jenis Bersyarat
- Membina ReturnType dan Parameters dari Awal
- Corak Inferens Bersarang Mendalam
- Kes Penggunaan Praktikal infer: Membuka Balutan Promise