Asas JavaScript: Menyelam Lebih Dalam ke dalam Pengaturcaraan Asynchronous

Pengaturcaraan tak segerak adalah penting dalam JavaScript untuk mengendalikan operasi seperti pembacaan fail, permintaan rangkaian dan pemasa, yang sebaliknya akan menyekat pelaksanaan program anda. Memahami cara bekerja dengan kod tak segerak adalah penting untuk membina aplikasi web yang cekap dan tidak menyekat.

1. Apakah itu Pengaturcaraan Asynchronous?
   Dalam pengaturcaraan segerak, setiap operasi dilaksanakan satu demi satu. Walau bagaimanapun, pengaturcaraan tak segerak membenarkan operasi tertentu (seperti mengambil data daripada API) dijalankan secara bebas daripada aliran program utama, membiarkan tugasan lain dijalankan sementara menunggu operasi selesai.

2. Panggil balik

Panggil balik ialah fungsi yang dihantar ke fungsi lain sebagai hujah, yang akan dilaksanakan selepas tugasan selesai. Contohnya, dalam pengendalian acara atau fungsi setTimeout, anda menghantar panggilan balik yang berjalan apabila operasi selesai.

setTimeout(() => {
  console.log("This runs after 2 seconds");
}, 2000);

1. Janji Janji mewakili nilai yang akan tersedia pada masa hadapan. Ia digunakan untuk mengendalikan operasi tak segerak dengan lebih anggun daripada panggilan balik, terutamanya untuk pengendalian ralat.

Janji boleh berada dalam salah satu daripada tiga keadaan: belum selesai, diselesaikan (ditepati) atau ditolak. Janji boleh dirantai menggunakan .then() dan .catch() untuk mengendalikan keputusan dan ralat.

let promise = new Promise((resolve, reject) => {
  let success = true;
  success ? resolve("Data fetched successfully!") : reject("Fetch failed");
});

promise
  .then(result => console.log(result))
  .catch(error => console.log(error));

1. Async/Tunggu Diperkenalkan pada ES2017, async dan await menyediakan cara yang lebih bersih dan mudah dibaca untuk bekerja dengan kod tak segerak. async membuat fungsi mengembalikan janji, dan menunggu menjeda pelaksanaan sehingga janji menyelesaikan atau menolak.

async function fetchData() {
  try {
    let response = await fetch("https://api.example.com");
    let data = await response.json();
    console.log(data);
  } catch (error) {
    console.error(error);
  }
}

1. Mengendalikan Ralat Dalam kod tak segerak, ralat selalunya dikendalikan dengan try...catch (untuk asinkron/menunggu) atau .catch() (untuk janji). Mengendalikan ralat dengan bijak adalah penting untuk memastikan aplikasi anda boleh pulih daripada kegagalan.

Kesimpulan
Menguasai pengaturcaraan tak segerak dalam JavaScript adalah kunci untuk membina aplikasi yang cekap. Dengan memahami panggilan balik, janji dan async/menunggu, anda boleh mengendalikan tugas yang rumit seperti panggilan API dan proses latar belakang tanpa menyekat urutan pelaksanaan utama.

Atas ialah kandungan terperinci Asas JavaScript: Menyelam Lebih Dalam ke dalam Pengaturcaraan Asynchronous. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!