Rumah > hujung hadapan web > tutorial js > Perbincangan ringkas tentang pengendali pengikat gelung dalam pengetahuan JS closure_Basic

Perbincangan ringkas tentang pengendali pengikat gelung dalam pengetahuan JS closure_Basic

WBOY
Lepaskan: 2016-05-16 16:31:48
asal
1448 orang telah melayarinya

Semasa saya menulis kod js bahagian hadapan di tempat kerja beberapa hari yang lalu, saya menghadapi masalah merentasi elemen dan menambahkan acara klik padanya. Soalan inilah yang membuatkan saya sentiasa menunggu sepanjang petang. Akhirnya, saya pulang dari kerja dan mencari maklumat dalam talian untuk mengetahui cara menyelesaikan masalah. (PS: Saya juga pernah membaca tentang pengendali pengikat gelung dalam "Tutorial Asas JQuery" edisi keempat sebelum ini. Saya mungkin tidak begitu mempedulikannya pada masa itu, jadi saya tidak mengingatinya.)
Jika tuan tahu tentang situasi seperti ini, anda boleh menutup tetingkap saya menulis ini terutamanya untuk orang baru seperti saya. Terima kasih!

Mula-mula siarkan contoh ralat untuk dilihat oleh semua orang. (jQuery digunakan dalam contoh, sila import perpustakaan jQuery)

Salin kod Kod adalah seperti berikut:

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
http://www.w3.org/1999/xhtml">
Pengendali pengikat gelung ​




Selepas kod ini dijalankan, klik butang dan bilangan data yang dipaparkan dalam amaran pop timbul Saya sentiasa fikir butang 1 hingga 4 akan sepadan dengan nombor dalam amaran dari 1 hingga 4. Jika anda fikir begitu, anda silap.
Apabila anda mengklik setiap butang, nombor 4 dipaparkan dalam amaran yang saya tidak sangka!
Sekarang saya akan menulis beberapa penyelesaian untuk rujukan anda!
Kaedah pertama ialah menulis fungsi dan mengembalikan fungsi dalam fungsi ini





Salin kod

Kod adalah seperti berikut:


Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan