TypeScript Academy · Pelajaran

Pengendalian Ralat dalam Kod TypeScript Asinkron

Urus ralat asinkron dengan pembalut dan utiliti berjenis.

Pelajaran 4 daripada 413 langkah

Pengendalian Ralat dalam Kod TypeScript Asinkron 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.

Selamat datang

Fungsi tak segerak menambah kerumitan pada pengendalian ralat. TypeScript memastikan anda mengendalikan penolakan Promise dengan betul.

Try-Catch dengan Async/Await

Bungkus panggilan await dalam try-catch untuk mengendalikan penolakan Promise.
async function loadUser(id: number): Promise<User> {
  try {
    return await api.getUser(id);
  } catch (err: unknown) {
    if (err instanceof Error) throw new AppError(err.message);
    throw new AppError('Unknown error');
  }
}

Ralat Promise.all

Promise.all ditolak apabila penolakan pertama berlaku. Bungkusnya dalam try-catch.
try {
  const [user, posts] = await Promise.all([getUser(id), getPosts(id)]);
} catch (err) { /* one or both failed */ }

Promise.allSettled

allSettled mengembalikan kejayaan dan kegagalan tanpa melakukan throw.
const results = await Promise.allSettled([getUser(1), getPosts(1)]);
results.forEach(r => {
  if (r.status === 'fulfilled') console.log(r.value);
  else console.error(r.reason);
});

Result Tak Segerak Bertipe

Gabungkan operasi tak segerak dengan corak Result untuk pengendalian ralat yang tersurat.
async function safeGet<T>(fn: () => Promise<T>): Promise<Result<T>> {
  try { return { ok: true, value: await fn() }; }
  catch (e) { return { ok: false, error: e as Error }; }
}

Penolakan Tidak Dikendalikan

Dengar penolakan yang tidak dikendalikan dalam Node.js untuk mengelakkan ranap.
process.on('unhandledRejection', (reason: unknown) => {
  console.error('Unhandled rejection:', reason);
  process.exit(1);
});

Timeout dengan Promise.race

Laksanakan corak timeout bertipe dengan Promise.race.
function withTimeout<T>(promise: Promise<T>, ms: number): Promise<T> {
  const timeout = new Promise<never>((_, reject) =>
    setTimeout(() => reject(new Error('Timeout')), ms));
  return Promise.race([promise, timeout]);
}

Corak Percubaan Semula

Laksanakan percubaan semula tak segerak yang bertipe dengan ralat yang bertipe.
async function retry<T>(fn: () => Promise<T>, times: number): Promise<T> {
  for (let i = 0; i < times; i++) {
    try { return await fn(); } catch (e) { if (i === times - 1) throw e; }
  }
  throw new Error('Unreachable');
}

Pengendalian Ralat Serentak

Kendalikan ralat apabila menjalankan operasi tak segerak secara serentak.
const [userResult, postsResult] = await Promise.allSettled([
  getUser(id).then(u => ({ ok: true, value: u })).catch(e => ({ ok: false, error: e })),
  getPosts(id).then(p => ({ ok: true, value: p })).catch(e => ({ ok: false, error: e })),
]);

Penyebaran Ralat AsyncQueue

Ralat dalam iterator tak segerak disebarkan dengan betul menggunakan for-await.
async function* generate() {
  yield await fetchA();
  yield await fetchB(); // error here stops the loop
}
for await (const item of generate()) { process(item); }

Middleware Ralat Bertipe dalam Next.js

Gunakan sempadan ralat bertipe dalam tindakan pelayan.
'use server';
async function createUser(data: CreateUserDto): Promise<Result<User>> {
  return safeGet(() => db.user.create({ data }));
}

Semakan Ringkas

Apakah yang berlaku jika anda tidak menangkap Promise yang ditolak dalam fungsi async/await?

Rumusan

Pengendalian Ralat dalam Kod TypeScript Tak Segerak: anda telah mempelajari konsep utama topik ini serta cara menggunakannya dalam projek TypeScript sebenar.
Percuma untuk bermula

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 “Pengendalian Ralat dalam Kod TypeScript Asinkron” percuma?

Ya — teks penuh “Pengendalian Ralat dalam Kod TypeScript Asinkron” 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 “Pengendalian Ralat dalam Kod TypeScript Asinkron”?

Urus ralat asinkron dengan pembalut dan utiliti berjenis. 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 “Pengendalian Ralat dalam Kod TypeScript Asinkron” 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

  1. Kelas dan Hierarki Ralat Berjenis
  2. Corak Result: Ok dan Err
  3. Mengecilkan Ralat yang Ditangkap (unknown berbanding Error)
  4. Pengendalian Ralat dalam Kod TypeScript Asinkron
← Kembali ke TypeScript Academy