Bagaimanakah \"ini\" berkelakuan berbeza dalam jQuery dan JavaScript?

Memahami "ini" dalam jQuery dan JavaScript

"ini" ialah kata kunci yang sangat serba boleh dalam JavaScript dan jQuery. Maksudnya berbeza-beza bergantung pada konteks di mana ia digunakan.

"ini" dalam jQuery

Dalam jQuery, "ini" biasanya merujuk kepada elemen DOM yang dimanipulasi oleh fungsi yang dipanggil. Contohnya, dalam pengendali panggilan balik acara:

$("div").click(function() {
    // Here, "this" refers to the DOM element for the clicked div.
    this.style.color = "red";
});

"ini" dalam JavaScript

Dalam JavaScript, makna "ini" ditentukan oleh konteks panggilan (bukan konteks definisi):

• Kaedah objek: Apabila dipanggil sebagai sifat objek, "ini" merujuk kepada objek itu.

var obj = {
    foo: function() {
        alert(this.firstName);
    },
    firstName: "Fred"
};

• Penggunaan fungsi: Jika fungsi dipanggil tanpa terikat pada objek, "ini" lalai kepada objek global (biasanya "tetingkap" dalam penyemak imbas).

function foo() {
    alert(this.firstName);
}

• Function.call(): Kaedah ".call()" membenarkan anda untuk menyatakan secara eksplisit nilai "ini" untuk panggilan fungsi.

foo.call(obj, 42, 27);

• Function.apply(): Serupa dengan ".call()", tetapi menerima pelbagai argumen dan bukannya argumen individu.

foo.apply(obj, [42, 27]);

Pertimbangan khas:

• Dalam mod ketat ES5, "ini" boleh mempunyai sebarang nilai, tidak seperti mod longgar di mana ia lalai kepada "objek."
• jQuery menggunakan pelaksanaan "ini" yang sedikit berbeza dalam kaedah ".each"nya.
• Memahami "ini" secara menyeluruh memerlukan penerokaan yang lebih mendalam tentang konteks panggilan JavaScript dan skop objek.

Atas ialah kandungan terperinci Bagaimanakah \"ini\" berkelakuan berbeza dalam jQuery dan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!