Bagaimana untuk Memastikan Fungsi Selesai dalam JavaScript: Panggilan Balik, Fungsi Anak Panah dan Async/Await?

Menunggu Fungsi Selesai dalam JavaScript

Dalam JavaScript, di mana banyak operasi tidak segerak, mungkin terdapat keadaan di mana anda perlu memastikan bahawa satu fungsi selesai sebelum meneruskan dengan yang lain.

Fungsi Panggilan Balik

Satu pendekatan biasa ialah menggunakan fungsi panggil balik. Fungsi panggilan menghantar panggilan balik sebagai hujah kepada fungsi yang digunakannya. Apabila fungsi yang dipanggil menyelesaikan tugas tak segeraknya, ia melaksanakan panggilan balik, membenarkan fungsi panggilan meneruskan pelaksanaannya.

Contohnya:

<code class="js">function firstFunction(_callback) {
  // Perform asynchronous work here...
  // Invoke the callback when finished
  _callback();
}

function secondFunction() {
  // Call first function with a callback
  firstFunction(function() {
    console.log('First function completed.');
  });
}</code>

Fungsi Anak Panah

Fungsi anak panah menyediakan sintaks yang lebih ringkas untuk fungsi panggil balik:

<code class="js">firstFunction(() => console.log('First function completed.'));</code>

Alternatif: Async/Await

Untuk kejelasan dan kebolehselenggaraan, JavaScript moden memperkenalkan async/menunggu. Ini membolehkan anda menulis kod anda dalam gaya pseudo-synchronous, walaupun semasa berurusan dengan operasi tak segerak:

<code class="js">const secondFunction = async () => {
  const result = await firstFunction();
  // Continue execution after first function completes
};</code>

Atas ialah kandungan terperinci Bagaimana untuk Memastikan Fungsi Selesai dalam JavaScript: Panggilan Balik, Fungsi Anak Panah dan Async/Await?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!