Bagaimana untuk Mengakses Pembolehubah Luar dalam Gelung daripada Penutupan JavaScript?

Akses Pembolehubah Luar dalam Gelung daripada Penutupan JavaScript

Masalah timbul apabila mengakses pembolehubah yang diisytiharkan dalam gelung, khususnya apabila pembolehubah tersebut dirujuk kemudian dalam panggilan balik tak segerak. Sebagai contoh, pertimbangkan coretan kod berikut:

<code class="javascript">for (var i in this.items) {
    var item = this.items[i];
    // ...
}</code>

Dalam keadaan ini, pembolehubah item akan berubah dengan setiap lelaran gelung. Apabila item dirujuk kemudian, ia akan menyimpan nilai daripada item terakhir dalam tatasusunan.

Penyelesaian: Menggunakan Penutupan

Penyelesaian kepada isu ini melibatkan penggunaan penutupan, yang mencipta fungsi yang mengembalikan fungsi lain. Dengan menggunakan penutupan, pembolehubah item boleh diskop secara berbeza, seperti yang dilihat di bawah:

<code class="javascript">for (var i in this.items) {
    var item = this.items[i];
    // ...
    $("#showcasebutton_"+item.id).click(
        (function(item) {
            return function() {
                alert(item.id);
                self.switchto(item.id);
            };
        })(item)
    );
}</code>

Alternatif: jQuery's $.each() Helper

Jika jQuery tersedia , pembantu $.each() boleh digunakan sebagai trengkas untuk mudah untuk/setiap gelung. Ia mengurangkan keperluan untuk penutupan kerana cara skop berfungsi dalam panggilan fungsinya:

<code class="javascript">$.each(this.items,function(i, item) {
    // ...
    $("#showcasebutton_"+item.id).click(function() {
        alert(item.id);
        self.switchto(item.id);
    });
});</code>

Atas ialah kandungan terperinci Bagaimana untuk Mengakses Pembolehubah Luar dalam Gelung daripada Penutupan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!