Bagaimanakah saya mengendalikan kesilapan dalam kod JavaScript Asynchronous menggunakan TRY/CATCH dan Janji penolakan?

Mengendalikan kesilapan dalam JavaScript Asynchronous dengan cuba/menangkap dan menjanjikan penolakan

Pengendalian ralat dalam JavaScript asynchronous memerlukan pendekatan bernuansa, berbeza dari kod segerak. try...catch Block mengendalikan kesilapan segerak, tetapi operasi tak segerak, sering menggunakan janji atau async/menunggu, memerlukan strategi yang berbeza. Janji Gunakan .then() dan .catch() kaedah untuk pengendalian ralat. Jika operasi tak segerak gagal, ia menolak janji, dan blok .catch() akan mengendalikan ralat. try...catch Block hanya menangkap kesilapan yang berlaku sebelum janji menyelesaikan atau menolak.

Mari kita gambarkan:

 <code class="javascript">function asyncOperation() { return new Promise((resolve, reject) => { // Simulate an asynchronous operation that might fail setTimeout(() => { const randomNumber = Math.random(); if (randomNumber  console.log(result)) .catch(error => console.error("Caught an error:", error));</code>

Dalam contoh ini, fungsi asyncOperation mengembalikan janji. Jika nombor rawak kurang daripada 0.5, janji itu menyelesaikan dengan "kejayaan!"; Jika tidak, ia menolak dengan objek ralat. Blok .catch() secara khusus mengendalikan janji yang ditolak, mencegah kesilapan penolakan yang tidak diendahkan. try...catch yang diletakkan di sekitar panggilan asyncOperation() tidak akan menangkap ralat kerana ralat dilemparkan selepas pelaksanaan blok try .

Amalan terbaik untuk pengendalian kesilapan dalam JavaScript Asynchronous di luar cuba/menangkap dan menjanjikan

Semasa try...catch dan menjanjikan adalah asas, pengendalian ralat asynchronous yang mantap memerlukan amalan terbaik lebih lanjut:

• Pengendalian ralat berpusat: bukannya penyebaran .catch() blok sepanjang kod anda, pertimbangkan mekanisme pengendalian kesilapan pusat. Ini boleh melibatkan fungsi pengendali ralat tersuai atau lapisan middleware (jika menggunakan rangka kerja seperti React atau Express) yang memintas dan log semua kesilapan yang tidak ditangani. Ini meningkatkan keupayaan dan membolehkan pelaporan ralat yang konsisten.
• Jenis Ralat Khusus: Jangan hanya menangkap objek Error generik. Buat kelas ralat tersuai untuk mewakili jenis ralat tertentu dalam aplikasi anda (misalnya, NetworkError , AuthenticationError , DatabaseError ). Ini membolehkan pengendalian ralat yang lebih disasarkan dan debugging.
• Mesej ralat terperinci: Sertakan maklumat yang komprehensif dalam mesej ralat anda, seperti cap waktu, konteks pengguna (jika berkenaan), dan data yang berkaitan yang membantu dalam debugging. Elakkan mesej kesilapan yang samar -samar seperti "sesuatu yang tidak kena."
• Pembalakan: Melaksanakan pembalakan yang mantap untuk menangkap kesilapan dan konteksnya. Gunakan perpustakaan pembalakan (contohnya, Winston, Bunyan) untuk memudahkan pembalakan berstruktur dan analisis yang lebih mudah. Termasuk jejak timbunan untuk debugging yang lebih mudah.
• Mesej ralat mesra pengguna: Apabila menyampaikan kesilapan kepada pengguna, elakkan memaparkan butiran teknikal. Sebaliknya, berikan mesej yang jelas, ringkas, dan mesra pengguna yang menjelaskan masalah dan mencadangkan penyelesaian yang mungkin.
• Batasan ralat (dalam kerangka UI): Jika anda membina antara muka pengguna, sempadan ralat memanfaatkan (seperti ErrorBoundary React) untuk mengendalikan ralat dengan anggun dalam komponen tanpa terhempas keseluruhan permohonan.

Menggunakan Async/menunggu dengan cuba/menangkap blok

Ya, anda boleh menggunakan async/await dengan berkesan try...catch blok untuk mengendalikan kesilapan dalam fungsi JavaScript asynchronous. async/await membuat kod asynchronous kelihatan dan berkelakuan sedikit seperti kod segerak, membuat ralat mengendalikan lebih intuitif. try...catch akan menangkap sebarang kesilapan yang dibuang dalam fungsi async .

 <code class="javascript">async function asyncOperationWithAwait() { try { const result = await asyncOperation(); // asyncOperation from previous example console.log(result); } catch (error) { console.error("Caught an error using async/await:", error); } } asyncOperationWithAwait();</code>

Dalam contoh ini, try blok cuba untuk melaksanakan asyncOperation . Jika asyncOperation menolak, blok catch akan mengendalikan ralat. Pendekatan ini lebih bersih dan lebih mudah dibaca daripada menggunakan .then() dan .catch() .

Debugging Kod JavaScript Asynchronous Membuang Kesalahan

Debugging kod asynchronous boleh mencabar kerana kesilapan mungkin tidak berlaku dengan serta -merta atau dalam urutan yang boleh diramal. Berikut adalah beberapa strategi debugging yang berkesan:

• Pembalakan Konsol: Kenyataan console.log() di seluruh kod tak segerak anda untuk mengesan aliran pelaksanaan dan nilai pembolehubah. Log data yang berkaitan sebelum dan selepas operasi tak segerak.
• Debuggers: Gunakan alat pemaju penyemak imbas anda (atau debugger node.js) untuk melangkah melalui baris kod anda mengikut baris. Tetapkan titik putus sebelum dan selepas operasi tak segerak untuk memeriksa pembolehubah dan mengenal pasti sumber kesilapan.
• Alat Pemantauan Ralat: Untuk aplikasi pengeluaran, gunakan alat pemantauan ralat (misalnya, sentry, rollbar) yang secara automatik menangkap pengecualian yang tidak diawali, memberikan jejak timbunan terperinci, dan menawarkan pandangan tentang kekerapan dan corak ralat.
• Pemeriksaan Janji: Jika menggunakan janji, periksa objek janji yang ditolak untuk mendapatkan maklumat mengenai kesilapan, seperti jejak timbunan.
• Pembalakan Asynchronous: Pastikan penyataan pembalakan anda ditangani secara asynchronously untuk mengelakkan menyekat benang utama dan kesilapan yang berpotensi masking.
• Memudahkan kod: Jika anda berjuang untuk debug kod asynchronous kompleks, cuba memudahkannya dengan memecahkannya ke dalam fungsi yang lebih kecil dan lebih mudah diurus. Ini menjadikannya lebih mudah untuk mengasingkan sumber kesilapan.

Atas ialah kandungan terperinci Bagaimanakah saya mengendalikan kesilapan dalam kod JavaScript Asynchronous menggunakan TRY/CATCH dan Janji penolakan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!