Mengapa Pengendali Acara dalam Gelung JavaScript Perlu Ditutup?

Pengendali Acara dalam Gelung JavaScript: Keperluan untuk Penutupan

Dalam JavaScript, apabila bekerja dengan pengendali acara dalam gelung, mungkin perlu untuk melaksanakan penutupan untuk memastikan lulus parameter yang betul. Pertimbangkan kod berikut:

<code class="javascript">for (var i = 0; i < blah.length; i++) {
  var select = document.createElement('select');
  select.onchange = function() {
    onStatusChanged(select, callid, anotherid);
  };
}

Dalam senario ini, apabila peristiwa onchange dicetuskan, nilai yang dihantar kepada onStatusChanged() adalah konsisten merentas semua elemen, walaupun pada hakikatnya callid dan anotherid sepatutnya mempunyai nilai yang berbeza untuk setiap lelaran gelung.

Ini berlaku kerana pengendali acara JavaScript membuat penutupan dan rujukan kepada callid dan anotherid dalam fungsi merujuk kepada nilai akhir selepas gelung selesai. Untuk menyelesaikan isu ini, penutupan diperlukan untuk menangkap nilai semasa parameter semasa setiap lelaran.

Melaksanakan Penutupan untuk Lulus Parameter

Untuk menyalin nilai parameter semasa setiap lelaran, laksanakan penutupan seperti berikut:

<code class="javascript">for (var i = 0; i < blah.length; i++) {
  var select = document.createElement('select');
  select.onchange = function(s, c, a) {
    return function() {
      onStatusChanged(s, c, a);
    };
  }(select, callid, anotherid);
}

Dalam kemas kini ini kod:

• Penutupan dibuat menggunakan fungsi pelaksana semula fungsi() { }
• Fungsi pengendali peristiwa menerima tiga argumen sebagai parameter: s (

elemen), c (panggilan semasa) dan a (id lain semasa)

Penutupan serta-merta memanggil fungsi, menghantar arus nilai s, c dan a

Apabila peristiwa onchange dicetuskan, penutupan dilaksanakan, memastikan onStatusChanged() menerima nilai yang betul untuk setiap lelaran elemen.

Atas ialah kandungan terperinci Mengapa Pengendali Acara dalam Gelung JavaScript Perlu Ditutup?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript for select using Event copy function this issue

Kenyataan：

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 sebelumnya：Bagaimanakah saya boleh menukar kandungan div dengan jQuery?Artikel seterusnya：Bagaimanakah saya boleh menukar kandungan div dengan jQuery?

Artikel berkaitan

Lihat lagi

• Analisis mendalam bagi komponen kumpulan senarai Bootstrap
• Penjelasan terperinci tentang fungsi JavaScript kari
• Contoh lengkap penjanaan kata laluan JS dan pengesanan kekuatan (dengan muat turun kod sumber demo)
• Angularjs menyepadukan UI WeChat (weui)
• Cara cepat bertukar antara Cina Tradisional dan Cina Ringkas dengan JavaScript dan helah untuk tapak web menyokong pertukaran antara kemahiran_javascript Cina Ringkas dan Tradisional

• Rumah

• Kursus

• Soal Jawab

• saya

• Rumah
• Kursus
• Artikel
• Soal Jawab
• Kamus
• Manual
• Muat turun
• Topik

Rumah

Artikel

Soal Jawab

Kursus

Topik

Muat turun

Permainan

Kamus

简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）