Bagaimanakah Kata Kunci \'ini\' Berkelakuan dalam jQuery dan JavaScript?

Apakah Maksud "ini" dalam jQuery?

Dalam jQuery, "ini" mewakili elemen DOM yang menjadi subjek fungsi sedang dipanggil. Ini biasanya digunakan dalam panggilan balik acara dan fungsi yang bertindak pada berbilang elemen. Contohnya:

<code class="javascript">$("div").click(function() {
  this.style.color = "red";
});</code>

Ini menetapkan warna latar depan elemen yang diklik kepada merah.

Secara amnya dalam JavaScript

Dalam JavaScript, "ini " merujuk kepada objek yang memanggil fungsi. Ini ditentukan oleh cara fungsi dipanggil, bukannya di mana ia ditakrifkan.

<code class="javascript">var obj = {
  firstName: "Fred",
  foo: function() {
    alert(this.firstName);
  }
};

obj.foo(); // alerts "Fred"</code>

Dalam contoh ini, "ini" ditetapkan kepada obj apabila foo dipanggil. Walau bagaimanapun, nilai "ini" boleh menjadi sebarang objek, termasuk objek global (tetingkap dalam penyemak imbas).

<code class="javascript">f(); // Probably alerts "undefined"

//... Later

var obj = {
  firstName: "Wilma"
};

f = obj.foo;
f(); // alerts "Wilma"</code>

Dalam contoh di atas, f ialah rujukan kepada fungsi foo. Apabila f dipanggil tanpa sifat objek, "ini" menjadi lalai kepada objek global.

Mod Tegas ES5

Dalam mod ketat ES5, "ini" boleh mempunyai sebarang nilai, termasuk bukan objek. Jika "ini" tidak ditetapkan secara eksplisit, ia lalai kepada undefined.

<code class="javascript">"use strict";

function test(msg) {
    console.log("[Strict] " + msg + "; typeof this = " + typeof this);
}

test(); // typeof this = undefined
test.call(5); // typeof this = number</code>

Dalam mod biasa (tidak ketat), semua panggilan ini akan mengembalikan jenis ini = objek.

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