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
Lepaskan: 2024-12-16 12:36:12
asal
334 orang telah melayarinya

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
Salin selepas log masuk

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" }));
Salin selepas log masuk

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");
});
Salin selepas log masuk

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 }
});
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan