Bagaimana untuk Menyusun dan Berkongsi Data dengan Cekap Antara Janji dalam JavaScript?-tutorial js-php.cn

Bagaimana untuk Menyusun dan Berkongsi Data dengan Cekap Antara Janji dalam JavaScript?

DDD

Lepaskan： 2024-12-01 02:52:11

asal

622 orang telah melayarinya

How to Efficiently Sequence and Share Data Between Promises in JavaScript?

Cara Menjujukan dan Berkongsi Data dalam Rantai Janji

Promise menawarkan alat yang berkuasa untuk mengurus operasi tak segerak dalam JavaScript. Sebagai sebahagian daripada ini, ia menjadi perlu untuk menyusun operasi dan berkongsi data antara mereka. Mari kita atasi isu khusus:

Merangkai Permintaan HTTP dan Perkongsian Data dengan Janji

Dalam senario ini, anda menggunakan Promises untuk melaksanakan satu siri permintaan HTTP, di mana respons daripada satu permintaan hendaklah digunakan sebagai input untuk permintaan seterusnya. Fungsi callhttp mengendalikan permintaan ini tetapi perlu mengakses data daripada permintaan sebelumnya untuk membina permintaan seterusnya. Secara khususnya, anda ingin menghantar kunci API yang diperoleh daripada permintaan pertama kepada permintaan seterusnya.

Pendekatan untuk Perkongsian dan Penjujukan Data

Terdapat beberapa pendekatan untuk mencapai perkara ini:

1. Janji Berantai:

Rantai janji menggunakan kemudian, menghantar data perantaraan sebagai hujah:

callhttp(url1, payload)
    .then(firstResponse => {
        // Use the data from firstResponse in the next request
        return callhttp(url2, payload, firstResponse.apiKey);
    })
    .then(secondResponse => {
        // Use the combined data from firstResponse and secondResponse in the next request
        return callhttp(url3, payload, firstResponse.apiKey, secondResponse.userId);
    });

Salin selepas log masuk

2. Tugasan Skop Lebih Tinggi:

Tugaskan hasil perantaraan kepada pembolehubah dalam skop yang lebih tinggi:

var firstResponse;
callhttp(url1, payload)
    .then(result => {
        firstResponse = result;
        return callhttp(url2, payload);
    })
    .then(secondResponse => {
        // Use both firstResponse and secondResponse here
    });

Salin selepas log masuk

3. Hasil Terkumpul:

Simpan hasil dalam objek terkumpul:

var results = {};
callhttp(url1, payload)
    .then(result => {
        results.first = result;
        return callhttp(url2, payload);
    })
    .then(result => {
        results.second = result;
        return callhttp(url3, payload);
    })
    .then(() => {
        // Use the accumulated results in results object
    });

Salin selepas log masuk

4. Janji Bersarang:

Nest berjanji untuk mengekalkan akses kepada semua hasil carian sebelumnya:

callhttp(url1, payload)
    .then(firstResponse => {
        // Use firstResponse here
        return callhttp(url2, payload)
            .then(secondResponse => {
                // Use both firstResponse and secondResponse here
                return callhttp(url3, payload);
                    .then(thirdResponse => {
                        // Use all three responses here
                    });
            });
    });

Salin selepas log masuk

5. Berpisah dengan Promise.all():

Jika sesetengah permintaan boleh dibuat secara berasingan, pecahkan rantai itu kepada bahagian yang berasingan dan gunakan Promise.all() untuk mengumpul keputusan:

const first = callhttp(url1, payload);
const second = callhttp(url2, payload);
const third = callhttp(url3, payload);

Promise.all([first, second, third])
    .then(results => {
        // Use all three results here
    });

Salin selepas log masuk

ES7 Async/Await:

Dalam ES7, async/menunggu sintaks memperkemas proses penjujukan dan pengendalian hasil janji, menyediakan kod yang lebih mudah dan boleh dibaca:

async function httpRequests() {
    const firstResponse = await callhttp(url1, payload);
    const secondResponse = await callhttp(url2, payload, firstResponse.apiKey);
    const thirdResponse = await callhttp(url3, payload, firstResponse.apiKey, secondResponse.userId);

    // Use all three responses here
}

httpRequests();

Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana untuk Menyusun dan Berkongsi Data dengan Cekap Antara Janji dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!