Bagaimana Mengendalikan Fungsi Tak Segerak Dalam JavaScript Untuk Gelung dengan Betul?

Memanggil Fungsi Asynchronous Dalam JavaScript untuk Gelung

Apabila bekerja dengan fungsi tak segerak dalam JavaScript untuk gelung, adalah mungkin untuk menghadapi isu yang berkaitan dengan pelaksanaan tak segerak dan skop pembolehubah.

Pertimbangkan kod berikut:

for (var i = 0; i < list.length; i++) {
  mc_cli.get(list[i], function (err, response) {
    do_something(i);
  });
}

Dalam contoh ini, mc_cli.get ialah fungsi tak segerak yang memanggil fungsi panggil balik apabila operasi selesai. Walau bagaimanapun, kerana panggilan balik adalah tak segerak, ia mungkin dilaksanakan selepas gelung for telah tamat, berpotensi mengakibatkan tingkah laku yang salah.

Isu lain timbul apabila menggunakan fungsi do_something dari dalam panggilan balik. Oleh kerana pembolehubah i ialah pembolehubah gelung, nilainya berubah sepanjang pelaksanaan gelung. Oleh itu, do_something(i) akan sentiasa menggunakan nilai terakhir i dalam gelung, yang bukan tingkah laku yang diingini.

Untuk menyelesaikan isu ini, satu pendekatan biasa ialah menggunakan penutupan. Penutupan membolehkan anda membuat skop baharu di sekeliling pembolehubah, memastikan nilainya kekal konsisten sepanjang operasi tak segerak. Walau bagaimanapun, dalam contoh yang diberikan, penutupan tidak dilaksanakan dengan betul.

Pelaksanaan yang betul ialah mencipta fungsi dalaman dalam gelung yang mempunyai akses kepada nilai semasa i:

for (var i = 0; i < list.length; i++) {
  (function (i) {
    mc_cli.get(list[i], function (err, response) {
      do_something(i);
    });
  })(i);
}

Dalam kes ini, fungsi dalaman mempunyai skop tersendiri dan boleh mengakses nilai i dari gelung luar. Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa gelung luar perlu dilengkapkan sebelum mc_cli.get dipanggil, jika tidak, anda mungkin masih menghadapi masalah.

Sebagai alternatif, anda boleh menggunakan kaedah forEach pada tatasusunan, yang menyediakan item senarai dan indeks dalam panggilan balik, menghapuskan keperluan untuk penutupan sama sekali:

list.forEach(function (listItem, index) {
  mc_cli.get(listItem, function (err, response) {
    do_something(index);
  });
});

Atas ialah kandungan terperinci Bagaimana Mengendalikan Fungsi Tak Segerak Dalam JavaScript Untuk Gelung dengan Betul?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!