ChatGPT membantu saya belajar [js-async/await]

Soalan ini melibatkan bertanya tentang penggunaan, menyoal keraguan dan mengesahkan penguasaan~

Bertanya

js sync menanti Beritahu saya mengenainya, saya masih keliru sedikit

Dalam JavaScript, kita selalunya perlu mengendalikan tugas tak segerak, seperti mendapatkan data daripada pelayan, menghantar data ke pelayan, dsb. Cara tradisional ialah menggunakan fungsi panggil balik untuk mengendalikan tugas tak segerak, yang akan membawa kepada neraka panggil balik apabila bersarang pada berbilang peringkat, menjadikan kod sukar untuk dikekalkan dan nyahpepijat. Untuk menyelesaikan masalah ini, JavaScript memperkenalkan Promise dan async/wait untuk mengendalikan tugas tak segerak.

Antaranya, async/wait ialah gula sintaktik baharu dalam ES8, yang boleh mengendalikan tugas tak segerak dengan lebih mudah dan intuitif. Mengenai async/wait, anda boleh memahaminya dari perkara berikut:

1. Fungsi async ialah fungsi tak segerak yang mengembalikan objek Promise Anda boleh menggunakan kata kunci await untuk menunggu keputusan daripada operasi tak segerak Semasa menunggu, Semasa proses, fungsi async akan melepaskan CPU supaya tugas lain boleh dilaksanakan.

2. Kata kunci await hanya boleh digunakan dalam fungsi async dikembalikan oleh Promise ; Jika objek Promise ditolak, ralat akan dilemparkan dan ditangkap oleh blok cuba-tangkap.

3. Mungkin terdapat berbilang ekspresi menunggu di dalam fungsi async, dan ia dilaksanakan secara berurutan Ekspresi menunggu seterusnya perlu menunggu ungkapan menunggu sebelum selesai sebelum melaksanakan.

4. Menggunakan async/wait boleh menulis kod tak segerak dalam bentuk yang serupa dengan kod segerak Kod ini lebih mudah dibaca dan difahami serta lebih mudah untuk nyahpepijat dan diselenggara.

Berikut ialah contoh penggunaan tak segerak/menunggu untuk mengendalikan tugas tak segerak:

async function getData() {
  try {
    const result1 = await fetch('/api/data1'); // 等待获取数据1
    const result2 = await fetch('/api/data2'); // 等待获取数据2
    return [result1, result2]; // 返回获取的数据
  } catch (error) {
    console.error(error); // 捕获错误并输出到控制台
  }
}

getData().then(data => {
  console.log(data); // 输出获取的数据
});

Dalam contoh di atas, fungsi getData diisytiharkan menggunakan kata kunci tak segerak dan dalam Kata kunci await digunakan di dalam fungsi untuk menunggu hasil operasi tak segerak Di sini, dua ekspresi menunggu digunakan untuk mendapatkan data yang berbeza. Dalam contoh ini, tatasusunan hasil dua operasi tak segerak akhirnya dikembalikan Jika pengecualian berlaku, ia akan ditangkap oleh blok cuba-tangkap dan maklumat ralat akan dikeluarkan. Akhir sekali, kami mendapat data tak segerak dengan memanggil kaedah getData() dan mengeluarkan data ke konsol selepas mengembalikan hasilnya.

Menimbulkan keraguan

Saya berasa sangat keliru ialah menunggu fungsi tak segerak yang sepadan, jadi mengapa async perlu ditambahkan pada fungsi yang menggunakan menunggu?

Soalan yang sangat bagus! Jawapannya ialah: kerana kata kunci await hanya boleh digunakan dalam fungsi async.

Apabila menggunakan fungsi tak segerak untuk mendapatkan hasil tugas tak segerak, kita perlu meletakkannya di dalam fungsi async, dan kemudian gunakan await untuk menunggu hasil operasi tak segerak. Oleh itu, jika anda ingin menggunakan kata kunci await, fungsi tersebut mesti diisytiharkan sebagai fungsi async. Sebaliknya, jika anda tidak menggunakan fungsi async, anda tidak boleh menggunakan await dalam fungsi itu.

Dalam erti kata lain, hanya apabila fungsi diisytiharkan sebagai fungsi async, fungsi itu boleh mengandungi kata kunci await, yang juga merupakan premis asas sintaks async/wait. Mengisytiharkan fungsi sebagai async memberitahu enjin JS bahawa fungsi itu mungkin mengembalikan Janji, membenarkan enjin JS melakukan pemprosesan khas apabila melaksanakan fungsi.

Perlu diambil perhatian bahawa menggunakan await untuk menunggu hasil tugas tak segerak tidak semestinya memerlukan mengembalikan objek Promise serta-merta di dalam fungsi, kerana proses pelaksanaan kata kunci await adalah serupa dengan pelaksanaan proses panggilan berantai Promise juga dibuat dan dikembalikan secara automatik.

Secara amnya, async dan wait ialah gula sintaktik yang membentuk gaya pengaturcaraan tak segerak Promise. Ia menjadikan kod tak segerak lebih intuitif dan boleh dibaca, membolehkan kami menggunakan kod gaya segerak untuk menulis dan memproses kod operasi tak segerak.

Sahkan pemahaman

Oh, sebenarnya teg async tidak mengubah suai fungsi, bukan? Saya pada asalnya menyangka bahawa teg ini akan menukar fungsi menjadi fungsi tak segerak untuk pelaksanaan

Anda betul! Sebenarnya, kata kunci async tidak secara langsung menukar fungsi menjadi pelaksanaan fungsi tak segerak. Ia hanya memberitahu enjin JavaScript bahawa mungkin terdapat operasi tak segerak di dalam fungsi, dan pelaksanaan fungsi mungkin perlu dijeda apabila menggunakan kata kunci tunggu.

Dalam erti kata lain, kata kunci async tidak mengubah sifat fungsi, tetapi menyediakan cara yang lebih mudah untuk mengendalikan operasi tak segerak. Apabila fungsi async dipanggil, ia mengembalikan objek Promise dan kod di dalam fungsi async secara automatik dirangkumkan ke dalam kaedah penyelesaian objek Promise pada masa jalan. Apabila anda menggunakan kata kunci await dalam fungsi tak segerak untuk menunggu operasi tak segerak selesai, fungsi itu akan menjeda pelaksanaan sehingga operasi tak segerak mengembalikan hasil atau melemparkan ralat.

Selain itu, perlu diambil perhatian bahawa apabila menggunakan pernyataan pulangan untuk mengembalikan nilai dalam fungsi async, nilai yang dikembalikan akan dibungkus ke dalam objek Promise oleh Promise.resolve(), dan nilai Objek janji ialah nilai yang dipulangkan oleh penyata pulangan. Jika pengecualian dilemparkan ke dalam fungsi async, ia akan dibalut ke dalam objek Promise oleh Promise.reject() dan dikembalikan kepada pemanggil.

Akibatnya, kami boleh menggunakan async/menunggu dengan kod gaya Promise untuk mencipta model pengaturcaraan tak segerak yang lebih ringkas dan intuitif.

Pengesahan lanjut tentang mata pengetahuan

Jadi async ialah perwakilan memproses operasi tak segerak, bukan sintaks untuk mencipta operasi tak segerak

Ya, pemahaman anda sangat tepat . async ialah perwakilan untuk mengendalikan operasi tak segerak, bukan sintaks untuk mencipta operasi tak segerak.

Malah, JavaScript sudah mempunyai beberapa mekanisme untuk mengendalikan operasi tak segerak, seperti setTimeout, XMLHttpRequest, fetch, dsb. Mekanisme ini adalah berdasarkan model pengaturcaraan tak segerak bagi gelung peristiwa dan digunakan secara meluas dalam pelbagai aplikasi JavaScript.

Walau bagaimanapun, mekanisme ini mempunyai beberapa masalah, seperti panggilan balik neraka dan kebolehbacaan kod yang lemah. Untuk menyelesaikan masalah ini, Promise dan async/wait telah diperkenalkan sebagai kaedah pengaturcaraan tak segerak yang baharu dan digunakan secara meluas dengan cepat.

Dalam proses ini, fungsi tak segerak memainkan peranan penting dalam memproses operasi tak segerak. Ia menyediakan bentuk kod yang lebih intuitif dan mudah difahami, dan membolehkan pembangun JavaScript menguasai teknologi pengaturcaraan tak segerak dengan lebih baik. Oleh itu, kita boleh memikirkan fungsi async sebagai pelengkap kepada model kod gaya Promise untuk mencapai pengaturcaraan tak segerak yang lebih fleksibel dan cekap.

---

Siasatan yang baik~                                                                                                               

Atas ialah kandungan terperinci ChatGPT membantu saya belajar [js-async/await]. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!