Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Melaksanakan Berbilang Fungsi JavaScript Async Secara serentak?

Bagaimanakah Saya Boleh Melaksanakan Berbilang Fungsi JavaScript Async Secara serentak?

Mary-Kate Olsen
Lepaskan: 2024-11-19 07:14:02
asal
840 orang telah melayarinya

How Can I Execute Multiple Async JavaScript Functions Concurrently?

Melaksanakan Fungsi Async Secara serentak dalam JavaScript

Dalam JavaScript, menunggu berbilang fungsi async mungkin memberi gambaran bahawa ia laksana secara berurutan dan bukannya serentak. Ini menimbulkan persoalan: bagaimanakah kita boleh mencapai pelaksanaan selari bagi fungsi-fungsi ini?

Menggunakan Promise.all() untuk Paralelisme

Untuk melaksanakan fungsi async secara selari, anda boleh menggunakan Promise.all( ) fungsi. Ia memerlukan pelbagai janji sebagai hujah dan mengembalikan satu janji yang diselesaikan apabila semua janji dalam tatasusunan diselesaikan.

await Promise.all([someCall(), anotherCall()]);
Salin selepas log masuk

Dalam kod ini, someCall() dan anotherCall() dipanggil serentak, dan skrip diteruskan hanya apabila kedua-dua fungsi telah selesai dilaksanakan.

Menyimpan Hasil

Jika anda ingin mengakses hasil daripada panggilan async selari, anda boleh memusnahkan tatasusunan yang dikembalikan oleh Promise.all():

let [someResult, anotherResult] = await Promise.all([someCall(), anotherCall()]);
Salin selepas log masuk

Kaveat: Tingkah Laku Pantas Gagal

Adalah penting untuk ambil perhatian bahawa Promise.all () mengikut pendekatan "fail-fast". Jika mana-mana janji dalam tatasusunan menolak, seluruh janji Promise.all() akan ditolak dengan ralat daripada janji gagal pertama:

// If any of the promises fails, it will reject
Promise.all([happy('happy', 100), sad('sad', 50)]).then(console.log).catch(console.log);
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Melaksanakan Berbilang Fungsi JavaScript Async Secara serentak?. 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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan