Rumah > hujung hadapan web > tutorial js > Apakah Fungsi Asynchronous dalam JavaScript dan Bagaimana Ia Menggunakan \'Async\' dan \'Await\'?

Apakah Fungsi Asynchronous dalam JavaScript dan Bagaimana Ia Menggunakan \'Async\' dan \'Await\'?

Susan Sarandon
Lepaskan: 2024-10-19 22:42:29
asal
618 orang telah melayarinya

What are Asynchronous Functions in JavaScript and How do They Utilize

Apakah Fungsi Asynchronous dalam JavaScript? Menyelidiki "Async" dan "Await"

Memahami Fungsi Asynchronous

Model pengaturcaraan tak segerak JavaScript membolehkan pelaksanaan kod tanpa menyekat utas utama. Fungsi tak segerak direka bentuk untuk berfungsi dengan model ini, membolehkan pengendalian tindakan asinkron yang cekap.

Peranan Kata Kunci "Async" dan "Await"

The "async " kata kunci mengisytiharkan fungsi sebagai fungsi tak segerak. Fungsi ini mengembalikan janji, objek khas yang mewakili hasil akhirnya operasi tak segerak. Fungsi "Async" menggunakan "menunggu" untuk menjeda pelaksanaannya sehingga janji diselesaikan atau ditolak.

Contoh Fungsi Asynchronous

Pertimbangkan contoh berikut:

<code class="javascript">async function asyncExample() {
  const data = await Promise.resolve("Hello!");
  console.log(data);
}</code>
Salin selepas log masuk

Dalam fungsi ini, kata kunci "async" digunakan untuk mengisytiharkannya sebagai fungsi tak segerak. Ia menggunakan kata kunci "menunggu" untuk menjeda pelaksanaannya sehingga janji yang dikembalikan oleh Promise.resolve() diselesaikan. Setelah janji diselesaikan, ia mencatatkan hasilnya.

Kelebihan Fungsi Tak Segerak

Fungsi tak segerak menawarkan beberapa kelebihan:

  • Kebolehbacaan Kod yang Dipertingkat: Dengan merantai janji menggunakan "async" dan "menunggu," kod menjadi lebih mudah untuk dibaca dan diselenggara berbanding dengan pendekatan berasaskan panggil balik.
  • Pengendalian Ralat: Janji menyediakan cara yang lebih ringkas untuk mengendalikan ralat berbanding dengan panggilan balik.
  • Kecekapan: Fungsi tak segerak mengelak daripada menyekat urutan utama, membolehkan antara muka pengguna yang lebih responsif.

Prasyarat untuk Memahami

Untuk memahami sepenuhnya fungsi tak segerak dalam JavaScript, pemahaman asas tentang:

  • Model pengaturcaraan tak segerak JavaScript
  • Janji ES6 objek

adalah perlu. Dengan memanfaatkan async dan menunggu kata kunci, pembangun JavaScript boleh menulis kod tak segerak yang cekap dan boleh diselenggara, meningkatkan prestasi keseluruhan dan pengalaman pengguna aplikasi web.

Atas ialah kandungan terperinci Apakah Fungsi Asynchronous dalam JavaScript dan Bagaimana Ia Menggunakan \'Async\' dan \'Await\'?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan