Mengapakah `setTimeout` dalam `for`-Gelung Mencetak Nilai Terakhir Dua Kali, dan Bagaimana Saya Boleh Membetulkannya?

Output Nilai Berturut-turut dengan setTimeout dalam for-Loop

Anda menghadapi masalah di mana anda cuba mencetak nilai berturut-turut menggunakan setTimeout dalam gelung untuk, tetapi ia menyebabkan nilai terakhir dicetak dua kali. Ini berlaku kerana apabila anda menggunakan pembolehubah i terus dalam fungsi setTimeout, nilainya dikemas kini pada masa fungsi tersebut dilaksanakan. Untuk menyelesaikan masalah ini, adalah penting untuk mencipta salinan i yang berbeza untuk setiap lelaran.

Penyelesaian yang disediakan mencapai ini dengan mengisytiharkan fungsi pembantu yang dipanggil doSetTimeout. Dalam fungsi ini, pembolehubah baharu diisytiharkan untuk memegang nilai semasa i, yang kemudiannya diluluskan sebagai hujah apabila mencipta tamat masa. Ini memastikan bahawa setiap fungsi tamat masa mempunyai salinan i tersendiri, menghapuskan sebarang isu dengan kemas kini nilai semasa pelaksanaan.

function doSetTimeout(i) {
  setTimeout(function() {
    alert(i);
  }, 100);
}

for (var i = 1; i <= 2; ++i)
  doSetTimeout(i);

Dengan penyelesaian ini, anda boleh berjaya mencetak nilai 1 dan 2 berturut-turut seperti yang dimaksudkan.

Atas ialah kandungan terperinci Mengapakah `setTimeout` dalam `for`-Gelung Mencetak Nilai Terakhir Dua Kali, dan Bagaimana Saya Boleh Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!