Bagaimanakah Kata Kunci JavaScript `ini` Berkelakuan dalam Konteks Seruan Fungsi Berbeza?

Menyingkap Dinamik Kata Kunci "ini" dalam Fungsi

Dalam bidang JavaScript, kata kunci "ini" memegang kepentingan yang penting apabila berurusan dengan fungsi. Nilainya bergantung pada corak seruan yang digunakan.

Corak Seruan

Fungsi JavaScript boleh digunakan dalam empat cara berbeza:

1. Sebagai Kaedah:
   Apabila fungsi dipanggil sebagai kaedah objek, "ini" merujuk kepada objek itu sendiri. Contoh:

   const foo = {
     bar() {
       console.log(this); // Logs "foo"
     }
   };
   foo.bar();

2. Sebagai Fungsi:
   Apabila fungsi dipanggil sebagai entiti kendiri, "ini" lalai kepada objek global (biasanya "tetingkap" dalam pelayar). Contoh:

   function bar() {
     console.log(this); // Logs "Window" (global object)
   }
   bar();

3. Sebagai Pembina (dengan kata kunci "baharu"):
   Apabila fungsi dipanggil dengan kata kunci "baharu", a objek baru dicipta, dan "ini" merujuk kepada objek itu. Contoh:

   function Constructor() {
     this.property = "value";
   }
   const instance = new Constructor();
   console.log(instance.property); // Logs "value"

4. Dengan Kaedah "apply":
   Kaedah "apply" membenarkan penyesuaian nilai "ini" dengan menghantar objek. Contoh:

   function bar(a, b) {
     console.log(this); // Logs "obj"
     console.log(a); // Logs "1"
     console.log(b); // Logs "2"
   }
   const obj = {
     a: 1,
     b: 2
   };
   bar.apply(obj);

Implikasi untuk Fungsi Bersarang dan Panggilan Balik

Dalam fungsi bersarang dan panggil balik, corak seruan fungsi induk menentukan nilai "ini" dalam fungsi bersarang. Jika fungsi induk digunakan sebagai kaedah, "ini" merujuk kepada objek; jika digunakan sebagai fungsi, ia merujuk kepada objek global. Untuk mengekalkan nilai "ini" yang dikehendaki dalam panggilan balik, teknik seperti fungsi mengikat atau menggunakan fungsi anak panah digunakan.

Atas ialah kandungan terperinci Bagaimanakah Kata Kunci JavaScript `ini` Berkelakuan dalam Konteks Seruan Fungsi Berbeza?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!