Bagaimana untuk Mencapai Rantaian Asynchronous dalam Janji ES6 JavaScript untuk Gelung?

JavaScript ES6 Promise for Loop with Asynchronous Chaining

Dalam kod yang disediakan, percubaan dibuat untuk mencipta gelung for yang berulang 10 kali dan mencipta janji untuk setiap lelaran. Walau bagaimanapun, gelung dilaksanakan secara serentak, menghasilkan output yang tidak dapat diramalkan. Matlamatnya adalah untuk memastikan setiap janji berjalan hanya selepas janji sebelumnya diselesaikan.

Menjanjikan setTimeout

Untuk memudahkan penyelesaian, kami menentukan fungsi pembantu yang dipanggil kelewatan yang menjanjikan setTimeout fungsi:

const delay = ms => new Promise(resolve => setTimeout(resolve, ms));

Mencipta Janji Asynchronous

Untuk memastikan pelaksanaan tak segerak, kami mencipta janji awal yang diselesaikan serta-merta. Setiap janji berikutnya dirantai dengan janji sebelumnya:

let p = Promise.resolve();
for (let i = 0; i < 10; i++) {
    p = p.then(() => delay(Math.random() * 1000))
         .then(() => console.log(i));
}

Pendekatan ini memastikan setiap lelaran gelung mencipta janji yang diselesaikan selepas janji sebelumnya telah selesai. Pernyataan console.log(i) akan dilaksanakan dalam susunan yang betul, mencetak nilai dari 0 hingga 9.

Atas ialah kandungan terperinci Bagaimana untuk Mencapai Rantaian Asynchronous dalam Janji ES6 JavaScript untuk Gelung?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!