Ketahui fungsi tak segerak dan objek Janji dalam JavaScript

Untuk mempelajari fungsi tak segerak dan objek Promise dalam JavaScript, contoh kod khusus diperlukan

Pengenalan:
Dalam pembangunan JavaScript, pengaturcaraan tak segerak adalah bahagian penting. Fungsi tak segerak dan objek Janji adalah kaedah pengaturcaraan tak segerak yang biasa digunakan. Artikel ini akan memperkenalkan fungsi tak segerak dan objek Promise dalam JavaScript secara terperinci dan memberikan contoh kod khusus.

1. Fungsi tak segerak
1.1 Apakah fungsi tak segerak
Dalam JavaScript, fungsi segerak dilaksanakan mengikut turutan, dan setiap fungsi perlu menunggu hasil pelaksanaan fungsi sebelumnya sebelum meneruskan pelaksanaan. Fungsi tak segerak tidak perlu menunggu fungsi sebelumnya untuk menyelesaikan pelaksanaan, dan boleh melaksanakan berbilang fungsi pada masa yang sama.

1.2 Ciri-ciri fungsi tak segerak

• Fungsi tak segerak tidak akan menyekat pelaksanaan kod dan boleh meningkatkan kecekapan pelaksanaan kod.
• Fungsi tak segerak boleh mengendalikan operasi yang memakan masa, seperti permintaan rangkaian, membaca dan menulis fail, dsb.
• Hasil pelaksanaan fungsi tak segerak biasanya dikembalikan melalui fungsi panggil balik, pendengar acara atau Janji.

1.3 Contoh fungsi tak segerak
Berikut ialah contoh kod yang menggunakan fungsi tak segerak untuk mengendalikan permintaan rangkaian:

function fetchData(url, callback) {
  setTimeout(function() {
    const data = 'Hello, World!';
    callback(data);
  }, 2000); // 模拟网络请求延迟2秒
}

console.log('Start');
fetchData('https://example.com', function(response) {
  console.log(response);
});
console.log('End');

Jalankan kod di atas, output adalah seperti berikut:

Start
End
Hello, World!

Anda boleh melihat bahawa pelaksanaan program tidak akan menunggu permintaan rangkaian selesai, Sebaliknya, pelaksanaan kod berikutnya diteruskan. Apabila permintaan rangkaian selesai, hasilnya dihantar kepada program melalui fungsi panggil balik.

2. Promise Object
2.1 Apakah objek Promise ialah ciri baharu dalam JavaScript yang mengendalikan operasi tak segerak. Ia boleh menyelesaikan masalah neraka panggil balik dan menjadikan kod lebih mudah dibaca dan diselenggara.

2.2 Ciri-ciri Objek Janji

Objek Janji boleh mewakili penyelesaian akhir atau kegagalan operasi tak segerak dan mengembalikan keputusan akhir atau mesej ralat.
• Objek janji mempunyai tiga keadaan: belum selesai (sedang berjalan), dipenuhi (selesai) dan ditolak (gagal).
• Objek Promise boleh menambah fungsi panggil balik untuk pemprosesan yang berjaya melalui kaedah then() dan fungsi panggil balik untuk pemprosesan yang gagal melalui kaedah catch().

2.3 Contoh objek Promise

Berikut adalah contoh kod yang menggunakan objek Promise untuk mengendalikan permintaan rangkaian:

function fetchData(url) {
  return new Promise((resolve, reject) => {
    setTimeout(function() {
      const data = 'Hello, World!';
      resolve(data);
    }, 2000); // 模拟网络请求延迟2秒
  });
}

console.log('Start');
fetchData('https://example.com')
  .then(response => {
    console.log(response);
  })
  .catch(error => {
    console.error(error);
  });
console.log('End');

Jalankan kod di atas, output adalah seperti berikut:

Start
End
Hello, World!

Anda dapat melihat bahawa pelaksanaan program tidak akan menunggu objek Promise selesai, Sebaliknya, pelaksanaan kod berikutnya diteruskan. Apabila objek Promise selesai, fungsi panggil balik yang sepadan dilaksanakan mengikut statusnya.

Kesimpulan:

Mempelajari fungsi tak segerak dan objek Promise dalam JavaScript adalah kunci untuk menguasai pengaturcaraan tak segerak JavaScript. Melalui fungsi tak segerak dan objek Promise, operasi yang memakan masa boleh dikendalikan dengan lebih baik, kecekapan pelaksanaan kod boleh dipertingkatkan dan kod boleh dibuat lebih mudah dibaca dan diselenggara. Saya berharap pengenalan dan contoh kod artikel ini dapat membantu pembaca lebih memahami dan menggunakan fungsi tak segerak dan objek Janji.

Atas ialah kandungan terperinci Ketahui fungsi tak segerak dan objek Janji dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!