Bagaimanakah anda boleh mencipta fungsi tak segerak tersuai dalam JavaScript?

Cara Mencipta Fungsi Asynchronous dalam Javascript

Pengaturcaraan tak segerak melibatkan pelaksanaan kod tanpa menyekat utas atur cara utama. Teknik ini sering digunakan untuk mengendalikan tugas yang berjalan lama tanpa membekukan antara muka pengguna. Dalam Javascript, mencapai ketaksinkronan boleh menjadi mencabar.

Latar Belakang

Pertimbangkan kod ini:

<code class="javascript">$('#link').click(function() {
  console.log("Enter");
  $('#link').animate({ width: 200 }, 2000, function() {
    console.log("finished");
  });
  console.log("Exit");
});</code>

Di sini, fungsi animasi adalah tak segerak, membenarkan kod dalam panggilan baliknya untuk dilaksanakan selepas animasi selesai. Oleh itu, program mengalir "bercabang" kepada dua cabang.

Mencipta Fungsi Tak Segerak Tersuai

Untuk meniru tingkah laku ini dalam fungsi tersuai, seseorang mesti memanfaatkan teknologi tak segerak sedia ada dalam Javascript . Teknologi ini termasuk:

• setInterval
• setTimeout
• requestAnimationFrame
• XMLHttpRequest
• WebWOut
WebSocket
• API HTML5 (API Fail, API Pangkalan Data Web)
• dimuatkan

Contoh: Menggunakan setTimeout

Walaupun mencipta tersuai fungsi tak segerak tidak disokong secara langsung, kita boleh mensimulasikannya menggunakan setTimeout:

Fungsi ini akan melaksanakan kodnya selepas kelewatan 2 saat, membenarkan aliran program diteruskan tanpa menyekat.

<code class="javascript">function asyncFunct() {
  setTimeout(() => {
    console.log("finished");
  }, 2000);
}</code>

Atas ialah kandungan terperinci Bagaimanakah anda boleh mencipta fungsi tak segerak tersuai dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!