Promise Antar Jemput: Belajar Promise.race, Promise.any, dan batas konkurensi

Cara bermain Promise Antar Jemput

1. Baca instruksi level dan papan pangkalan. Di sana tertulis lama tiap perjalanan, perjalanan yang akan gagal, dan jumlah mobil.
2. Tulis isi async function berangkat(). jalan(nama) memberangkatkan mobil dan memberi Promise yang resolve dengan nama saat sampai. setTimeout dan clearTimeout juga tersedia.
3. Timeline diperbarui setiap kamu mengetik. Bar yang bertumpuk di waktu yang sama berarti mobilnya jalan bersamaan, dan di bawahnya tertulis jumlah mobil terbanyak yang jalan sekaligus.
4. Tekan Cek jawaban atau Ctrl + Enter. Yang dicek adalah nilai return dan catatan perjalanan: urutan, waktu total, dan jumlah mobil yang jalan bersamaan.
5. Kalau buntu, buka Petunjuk. Petunjuk pertama mengarahkan, petunjuk terakhir hampir menjawab.
6. Level yang sudah selesai tetap tercentang saat kamu kembali dengan browser yang sama.

Yang kamu pelajari

1. Level 1

   Promise.race

   Selesai dengan Promise pertama yang selesai. Promise lain tetap jalan, hasilnya saja yang diabaikan.

2. Level 2

   Promise.any

   Mengambil Promise pertama yang berhasil dan melewati yang gagal.

3. Level 3

   AggregateError

   Kalau semua gagal, Promise.any reject dengan AggregateError. Alasan tiap Promise ada di err.errors.

4. Level 4

   Promise.all dan forEach

   forEach tidak menunggu callback async. Promise.all menunggu semuanya dan mengembalikan hasil urut sesuai array asal.

5. Level 5

   Berurutan dengan for...of

   await di dalam for...of menjalankan satu perjalanan sampai selesai sebelum yang berikutnya.

6. Level 6

   Batas konkurensi

   Paling banyak N pekerjaan jalan bersamaan. Cara paling sederhana: pecah jadi rombongan berisi N.

7. Level 7

   Antrean pekerja

   N pekerja yang masing-masing mengambil tugas berikutnya begitu kosong, jadi tidak ada yang menunggu pasangannya.

8. Level 8

   Timeout dengan race

   Balapkan pekerjaan dengan Promise yang reject lewat setTimeout.

9. Level 9

   finally untuk bersih-bersih

   clearTimeout di finally membersihkan timer batas waktu, baik pekerjaan selesai maupun telat.

10. Level 10

    Error di dalam antrean

    Tangkap error per tugas supaya satu kegagalan tidak menghentikan pekerja lain.

Promise mulai jalan saat dibuat, bukan saat di-await

jalan("Ani") langsung memberangkatkan mobil. await hanya menunggu hasilnya. Karena itu penumpang.map((nama) => jalan(nama)) sudah mengirim semua mobil sekaligus, bahkan sebelum ada Promise.all.

Kombinator seperti race, any, dan all tidak menyalakan atau mematikan perjalanan. Mereka hanya menentukan kapan kamu berhenti menunggu. Untuk membatasi jumlah mobil, kamu harus mengatur kapan jalan(...) dipanggil, misalnya lewat antrean pekerja.

Tanya jawab