Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Mengendalikan Semua Janji, Termasuk Yang Ditolak, dalam JavaScript Asynchronous?

Bagaimanakah Saya Boleh Mengendalikan Semua Janji, Termasuk Yang Ditolak, dalam JavaScript Asynchronous?

DDD
DDDasal
2024-12-16 12:36:12337semak imbas

How Can I Handle All Promises, Including Rejected Ones, in Asynchronous JavaScript?

Menunggu Semua Janji Ditepati, Walaupun Ditolak

Dalam pengaturcaraan tak segerak, menangani janji boleh menimbulkan cabaran apabila beberapa tugas gagal. Mari kita pertimbangkan senario berikut:

const arr = [fetch('index.html'), fetch('http://does-not-exist')];

Promise.all(arr)
  .then(res => console.log('success', res))
  .catch(err => console.log('error', err)); // This is executed

Kod di atas membuat permintaan rangkaian menggunakan fetch. Walau bagaimanapun, memandangkan Promise.all akan menolak apabila permintaan gagal pertama, kami menghadapi masalah: bagaimanakah kami boleh mengendalikan keputusan semua tugasan, walaupun yang gagal?

Penyelesaian JavaScript Asli

Kepada menangani masalah ini, kami boleh menggunakan teknik JavaScript asli berikut:

  1. Menggunakan reflect untuk Mencipta Pembungkus Janji:
const reflect = p => p.then(v => ({ v, status: "fulfilled" }), e => ({ e, status: "rejected" }));

Fungsi mencerminkan ini mengembalikan janji baharu yang diselesaikan kepada objek yang mengandungi sama ada nilai yang diselesaikan atau sebab penolakan, bersama-sama dengan sifat status yang menunjukkan keadaan janji.

  1. Memohon Refleksi kepada Semua Janji:
var arr = [fetch('index.html'), fetch('http://does-not-exist')];

Promise.all(arr.map(reflect)).then(function(results){
  var success = results.filter(x => x.status === "fulfilled");
});

Dalam contoh ini, kami menggunakan refleksi pada setiap janji dalam tatasusunan. Tatasusunan yang terhasil kini mengandungi objek dengan status dan ralat atau sifat nilai untuk setiap permintaan.

Alternatif Moden: Promise.allSettled

Untuk penyelesaian moden, pertimbangkan untuk menggunakan Promise.allSettled terbina dalam :

Promise.allSettled([promise]).then(([result]) => {
  // Code will execute regardless of the promise's state
  // { status: "fulfilled", value: 33 }
});

Kaedah ini menyediakan cara yang mudah untuk mengendalikan semua janji yang diselesaikan, tanpa mengira hasil.

Dengan memanfaatkan teknik ini, anda boleh mengurus operasi tak segerak dengan anggun dan mengakses keputusan semua janji, malah janji yang gagal, membolehkan anda membuat keputusan termaklum berdasarkan data yang tersedia.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengendalikan Semua Janji, Termasuk Yang Ditolak, dalam JavaScript Asynchronous?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn