Bagaimanakah Async Berfungsi dalam JavaScript Sentiasa Mengembalikan Janji?

Memahami Hubungan antara Fungsi Async dan Janji

Dalam JavaScript, fungsi async memudahkan pengaturcaraan tak segerak dengan membenarkan anda menulis kod yang kelihatan serentak semasa ia dilaksanakan secara tak segerak. Walau bagaimanapun, memahami cara fungsi async berinteraksi dengan janji boleh menjadi penting.

Masalahnya

Pertimbangkan fungsi async berikut:

async function latestTime() {
  const bl = await web3.eth.getBlock('latest');
  console.log(bl.timestamp); // Returns a primitive
  console.log(typeof bl.timestamp.then == 'function'); // Returns false - not a promise
  return bl.timestamp;
}

Apabila anda panggil latestTime(), anda mungkin mengharapkan untuk menerima nilai primitif cap waktu daripada web3.eth.getBlock. Walau bagaimanapun, sebaliknya, anda mendapat janji yang belum selesai, seperti yang ditunjukkan oleh yang berikut:

const time = latestTime(); // Promise { <pending> }

Mengapa Janji Dipulangkan

Fungsi Async sentiasa mengembalikan janji. Janji ini diselesaikan apabila fungsi menyelesaikan operasi tak segeraknya dan memberikan nilai akhir atau penolakan dengan ralat. Dalam kes latestTime(), janji diselesaikan dengan cap masa primitif.

Cara Mengendalikan Janji

Di luar fungsi async yang lain, anda boleh menggunakan kemudian kaedah pada janji untuk mengakses nilai yang diselesaikan atau mengendalikan mana-mana ralat:

latestTime()
.then(time => {
    console.log(time);
})
.catch(error => {
    // Handle/report error
});

Peringkat Teratas menanti

Persekitaran moden menyokong penantian peringkat teratas dalam modul, membolehkan anda menulis kod seperti ini:

const time = await latestTime();

Sintaks ini memudahkan kerja dengan janji di peringkat modul. Walau bagaimanapun, ingat bahawa penolakan janji yang tidak dikendalikan dalam modul boleh menyebabkan modul gagal dimuatkan.

Memahami Fungsi Async dengan Janji

Untuk lebih memahami cara fungsi async berfungsi bersama dengan janji, adalah berguna untuk mempertimbangkan cara enjin JavaScript menyusun fungsi async anda menjadi pelaksana janji fungsi:

function latestTime() {
    return new Promise((resolve, reject) => {
        web3.eth.getBlock('latest')
        .then(bl => {
            console.log(bl.timestamp);
            console.log(typeof bl.timestamp.then == 'function');
            resolve(bl.timestamp);
        })
        .catch(reject);
    });
}

Dalam perwakilan ini:

• Fungsi async diwakili sebagai fungsi pelaksana janji yang dihantar kepada Promise baharu.
• Operasi tak segerak bermula apabila web3.eth.getBlock dipanggil serentak.
• Panggil balik janji digunakan untuk menyelesaikan atau tolak janji.

Akibatnya, fungsi async berkesan mengembalikan janji kepada kod panggilan.

Atas ialah kandungan terperinci Bagaimanakah Async Berfungsi dalam JavaScript Sentiasa Mengembalikan Janji?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!