Explorando Janji: .all vs .allSettled / .race vs .any

Janji muncul pada tahun 2015, dengan keluaran spesifikasi JavaScript ECMAScript 6 (ES2015), untuk menjadikan pengalaman kami sebagai pembangun kurang rumit apabila berurusan dengan operasi tak segerak.

Jika anda belajar atau bekerja dengan JavaScript, anda mungkin telah menggunakan Promise.all() atau Promise.race() di luar sana. Dan untuk menjadikan kehidupan lebih mudah bagi pembangun, dengan keluaran lebih banyak versi JavaScript terkini, kami mempunyai akses kepada dua kaedah Promises baharu: Promise.allSettled() dan Promise.any() (ES11 dan ES2021, masing-masing).

Tetapi apakah perbezaan antara mereka dan bila kita harus menggunakan setiap satu?

Ringkasan

Promise.all vs Promise.allSettled: fokus pada keputusan
Promise.race vs Promise.any: fokus pada kelajuan

Promise.all vs Promise.allSettled: fokus pada keputusan

Bayangkan anda sedang membangunkan aplikasi yang, pada satu ketika, perlu melaksanakan panggilan API yang berbeza. Jika panggilan ini bebas antara satu sama lain, pilihan yang baik ialah melaksanakan semua panggilan serentak, meningkatkan prestasi aplikasi, selain menjadikan kod lebih ringkas.

Promise.all()

• Menerima tatasusunan Janji sebagai hujah;
• Melaksanakan operasi serentak (selari);
• Selesaikan apabila semua Janji berjaya diselesaikan;
• Menolak serta-merta jika salah satu Janji gagal, menghalang pelaksanaan Janji berikut.

async function buscarDadosParalelo() {  
  const [usuarios, produtos] = await Promise.all([
    fetch('/api/usuarios').then(resp => resp.json()),
    fetch('/api/produtos').then(resp => resp.json()),
  ]);

  return { usuarios, produtos };
}

Promise.all() sangat berguna apabila anda perlu memastikan semua Promise berjaya dan fungsi menerima semua hasil yang diperlukan sebelum melakukan beberapa tindakan lain >

Juga menerima
• susun Janji sebagai hujah;
Juga melaksanakan operasi secara serentak (selari);
Menyelesaikan apabila semua Janji menyelesaikan pelaksanaannya, sama ada berjaya atau gagal, mengembalikan objek untuk setiap Janji yang mengandungi statusnya (ditepati atau ditolak);
Jangan sekali-kali menolak dan, akibatnya, tidak menghalang pelaksanaan Janji.

async function buscarDadosParaleloComFalhas() {   
  const resultados = await Promise.allSettled([
    fetch('/api/usuarios').then(resp => resp.json()),
    fetch('/api/produtos').then(resp => resp.json()),
  ]);

    // Verificar cada resultado individualmente:
  const dados = resultados.map(resultado => {
    if (resultado.status === 'fulfilled') {
      return resultado.value;
    } else {
      console.error(resultado.reason);
      return null;
    }
  });

  return dados;
}

Promise.allSettled() tidak menyekat aplikasi jika mana-mana Promise berakhir dengan kegagalan, selain membenarkan rawatan individu terhadap kejayaan atau kesilapan setiap panggilan. Ia seperti laporan status, yang menunggu semua permintaan diselesaikan atau ditolak dan membolehkan pengguna menilai dan mengendalikan setiap kes.

Kembali ke ringkasan

Promise.race vs Promise.any: fokus pada kelajuan

Sebaliknya, apabila kita bercakap tentang Promise.race() dan Promise.any(), kita bercakap tentang pendekatan untuk menangani respons pertama dalam set operasi tak segerak.

Promise.race()

• Menangi tatasusunan Janji berskrip;
• Melaksanakan operasi serentak (selari);
• Mengembalikan Janji pertama yang diselesaikan ATAU ditolak.

async function buscarDadosParalelo() {  
  const [usuarios, produtos] = await Promise.all([
    fetch('/api/usuarios').then(resp => resp.json()),
    fetch('/api/produtos').then(resp => resp.json()),
  ]);

  return { usuarios, produtos };
}

Promise.race() sangat berguna apabila kita memerlukan tindak balas pantas — pulangan pertama yang tersedia, tidak kira sama ada kejayaan atau kesilapan. Ia juga digunakan secara meluas dengan tamat masa, seperti dalam contoh di atas, untuk memastikan bahawa kami mempunyai sebarang respons dalam had masa dan boleh menghalang permintaan yang perlahan daripada terus menggunakan sumber.

Promise.any()

• Anda juga mendapat tatasusunan Janji berskrip;
• Melaksanakan operasi serentak (selari);
• Mengembalikan Janji pertama yang berjaya diselesaikan, mengabaikan penolakan;
• Hanya menolak jika semua Janji ditolak.

async function buscarDadosParaleloComFalhas() {   
  const resultados = await Promise.allSettled([
    fetch('/api/usuarios').then(resp => resp.json()),
    fetch('/api/produtos').then(resp => resp.json()),
  ]);

    // Verificar cada resultado individualmente:
  const dados = resultados.map(resultado => {
    if (resultado.status === 'fulfilled') {
      return resultado.value;
    } else {
      console.error(resultado.reason);
      return null;
    }
  });

  return dados;
}

Promise.any() berguna apabila anda memerlukan sekurang-kurangnya satu daripada permintaan untuk diselesaikan dengan jayanya, sesuai untuk failback dan redundansi, bagaimana untuk muatkan sumber daripada berbilang sumber (CDN, tempatan, dll.) atau sambung ke pelayan yang berbeza sekiranya berlaku kegagalan.

Kembali ke ringkasan

Dalam dunia digital yang semakin tidak segerak, memahami cara mengurus berbilang operasi serentak dalam JavaScript telah menjadi kemahiran penting bagi pembangun. Dalam artikel ini, kami meneroka beberapa kaedah Janji yang penting dengan beberapa contoh, menunjukkan cara setiap kaedah tersebut berfungsi dan, lebih penting lagi, bila dan sebab anda perlu memilih satu daripada yang lain.

Jumpa lagi kali (dan Saya berjanjiSaya akan kembali tidak lama lagi)!

Atas ialah kandungan terperinci Explorando Janji: .all vs .allSettled / .race vs .any. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!