Rumah > Artikel > hujung hadapan web > Bagaimana untuk Mencipta Gelung yang Dijeda Sehingga Operasi Asynchronous Selesai dalam JavaScript?
Cabaran Asynchronous JavaScript: Penerokaan Lebih Dalam
Secara tradisinya, gelung JavaScript beroperasi secara serentak, melaksanakan baris demi baris. Walau bagaimanapun, kod tak segerak memperkenalkan dimensi baharu, yang memerlukan kami mencari penyelesaian kreatif untuk mengekalkan aliran kawalan.
Salah satu cabaran sedemikian terletak pada mencipta gelung yang berhenti seketika sehingga operasi tak segerak selesai. Pertimbangkan contoh ini:
<code class="javascript">for ( /* ... */ ) { someFunction(param1, praram2, function(result) { // Okay, for cycle could continue }) } alert("For cycle ended");</code>
Kod ini bertujuan untuk melaksanakan panggilan tak segerak dalam gelung, tetapi ia tidak berfungsi seperti yang diharapkan kerana sifat segerak gelung. Gelung diteruskan sebelum fungsi tak segerak selesai, mengakibatkan keputusan atau ralat yang berpotensi tidak tepat.
Membuka Kunci Gelung Tak Segerak
Untuk mengatasi halangan ini, kita mesti menerima sifat tak segerak JavaScript dan menggunakan teknik dipacu peristiwa. Penyelesaian yang elegan ialah fungsi asyncLoop:
<code class="javascript">function asyncLoop(iterations, func, callback) { // ... }</code>
Fungsi ini mencipta gelung tak segerak. Daripada menyekat skrip, ia membenarkan penyemak imbas untuk terus bertindak balas semasa gelung berulang di latar belakang:
<code class="javascript">asyncLoop(10, function(loop) { someFunction(1, 2, function(result) { // log the iteration console.log(loop.iteration()); // Okay, for cycle could continue loop.next(); })}, function(){console.log('cycle ended')} );</code>
Dalam contoh ini, someFunction dilaksanakan secara tidak segerak dan asyncLoop memastikan bahawa gelung menunggu untuk panggilan untuk melengkapkan sebelum meneruskan. Hasilnya ialah aliran pelaksanaan terkawal yang meniru gelagat segerak sambil memanfaatkan sifat tak segerak JavaScript.
Atas ialah kandungan terperinci Bagaimana untuk Mencipta Gelung yang Dijeda Sehingga Operasi Asynchronous Selesai dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!