Promise<T>, penaipan async/await
Fahami bentuk Promise , anotasi fungsi async dan kendalikan nilai selepas await dengan selamat.
Promise<T>, penaipan async/await ialah pelajaran TypeScript Academy percuma di CoddyKit. Ini ialah pelajaran 1 daripada 3. 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 3 pelajaran.
Pengenalan
Matlamat: Membaca dan menulis kod berasaskan Promise<T>. Anda akan menentukan jenis fungsi async, menunggu nilai dengan await, dan memastikan ralat mempunyai jenis.
Asas Promise
Promise<T> membungkus nilai yang akan tersedia kemudian. Gunakan Promise apabila tiada nilai diselesaikan.
function delay(ms: number): Promise<void> {
return new Promise(resolve => setTimeout(resolve, ms));
}
const p: Promise<void> = delay(100);
p.then(() => console.log("done"));Penaipan nilai kembali async
Fungsi async sentiasa mengembalikan Promise<U>. Badan fungsi mengembalikan U, yang dibungkus oleh TS secara automatik.
async function fetchNumber(): Promise<number> {
await delay(10);
return 42; // inferred as Promise<number>
}
fetchNumber().then(n => console.log(n.toFixed(0)));Penaipan await
await membuka bungkus Promise dan menghasilkan jenis dalaman (string di sini), supaya anda mendapat IntelliSense yang betul.
async function readUserName(id: number): Promise<string> {
await delay(5);
return `user-${id}`;
}
async function main(): Promise<void> {
const name = await readUserName(7); // name: string
console.log(name.toUpperCase());
}
main();Penaipan Promise.all
Promise.all mengekalkan jenis tupel; setiap elemen ditunggu sehingga jenis dalamannya untuk anda.
async function both() {
const [n, s] = await Promise.all([
fetchNumber(),
readUserName(1),
]);
console.log(n, s);
}
both();Penaipan ralat
Dalam catch, utamakan unknown. Kecilkan jenis dengan instanceof Error (atau pemeriksaan tersuai) sebelum mengakses medan.
async function safe() {
try {
await delay(1);
throw new Error("boom");
} catch (e: unknown) {
if (e instanceof Error) {
console.error("Handled:", e.message);
} else {
console.error("Unknown error", e);
}
}
}
safe();Semakan jenis nilai kembali async
Semakan pantas: Apakah jenis nilai kembali bagi fungsi async yang mengembalikan nilai berjenis U?
Imbas kembali
Imbas kembali: Promise<T> membungkus nilai yang akan tersedia kemudian, fungsi async mengembalikan Promise<U>, await membuka bungkus jenis, dan ralat dalam catch hendaklah bermula sebagai unknown.
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 “Promise<T>, penaipan async/await” percuma?
Ya — teks penuh “Promise<T>, penaipan async/await” 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 3 pelajaran.
Apakah yang akan saya pelajari dalam “Promise<T>, penaipan async/await”?
Fahami bentuk Promise , anotasi fungsi async dan kendalikan nilai selepas await dengan selamat. 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 1 daripada 3.
Berapa lamakah pelajaran “Promise<T>, penaipan async/await” 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
- Promise , penaipan async/await
- Penaipan ralat (unknown), penyempitan dalam catch
- Corak konkurensi (all/settled/race) dan jenis