Bagaimana untuk Menjeda Pelaksanaan Sehingga Pelbagai Janji Selesaikan?

Kembalikan Berbilang Janji dan Jeda Perlaksanaan Sehingga Semua Selesai

Anda perlu mengendalikan berbilang operasi tak segerak dengan kaedah yang mengembalikan janji. Selepas operasi ini selesai, anda mahu melaksanakan satu lagi set kod hanya apabila semua janji telah diselesaikan.

Promises dalam doSomeAsyncStuff()

Fungsi doSomeAsyncStuff() anda perlu kembalikan Janji. Janji ini menggambarkan penyempurnaan tugas tak segerak:

function doSomeAsyncStuff() {
    return new Promise((resolve, reject) => {
        var editor = generateCKEditor();
        editor.on('instanceReady', () => {
            doSomeStuff();
            resolve(true);
        });
    });
}

Menggunakan Promise.all()

Setelah fungsi tak segerak anda mengembalikan Promise, anda boleh menggunakan Promise. all() untuk mengagregatkan janji-janji ini menjadi satu Janji:

const promises = [];

for (let i = 0; i < 5; i++) {
    promises.push(doSomeAsyncStuff());
}

Promise.all(promises)
    .then(() => {
        for (let i = 0; i < 5; i++) {
            doSomeStuffOnlyWhenTheAsyncStuffIsFinish();
        }
    })
    .catch((error) => {
        // Handle errors here
    });

Contoh

Di bawah ialah contoh yang mencatat mesej selepas semua lima tugas tak segerak selesai:

function doSomethingAsync(value) {
    return new Promise((resolve) => {
        setTimeout(() => {
            console.log("Resolving " + value);
            resolve(value);
        }, Math.floor(Math.random() * 1000));
    });
}

function test() {
    const promises = [];

    for (let i = 0; i < 5; i++) {
        promises.push(doSomethingAsync(i));
    }

    Promise.all(promises)
        .then((results) => {
            console.log("All done", results);
        })
        .catch((error) => {
            // Handle errors here
        });
}

test();

Atas ialah kandungan terperinci Bagaimana untuk Menjeda Pelaksanaan Sehingga Pelbagai Janji Selesaikan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!