Bagaimanakah `ini` Berfungsi dalam Panggilan dan Panggilan Balik Fungsi JavaScript?

Apabila Penunjuk Ini Ditetapkan dalam JavaScript

Memahami Penunjuk Ini dalam Panggilan Fungsi

Dalam JavaScript, setiap panggilan fungsi ditetapkan nilai baru untuk ini. Nilai yang diberikan kepada ini ditentukan oleh kaedah yang digunakan untuk memanggil fungsi.

Cara Utama untuk Menetapkan Penunjuk Ini

Terdapat terutamanya enam cara untuk menetapkan penunjuk ini dalam JavaScript:

• Panggilan Fungsi Biasa: Lalai kepada objek global (cth., tetingkap) atau tidak ditentukan (dalam mod ketat).
• Kaedah Panggilan: Tuding pada objek yang memiliki kaedah.
• **.apply() atau .call(): Tetapkan ini mengikut hujah yang diluluskan.
• Menggunakan baharu : Mencipta objek baharu dan menetapkan ini kepadanya.
• **.bind(): Mengembalikan fungsi baharu dengan nilai tersuai ini, menggunakan .apply() secara dalaman.
• Fungsi Anak Panah Lemak ES6: Mengikat nilai leksikal semasa ini (tidak boleh ditindih).

Ini dalam Fungsi Panggilan Balik

Fungsi panggil balik bukan cara yang unik untuk menetapkan ini. Fungsi panggilan menentukan nilai ini apabila ia memanggil panggilan balik.

Analisis Contoh

Dalam coretan kod anda:

<code class="javascript">var randomFunction = function(callback) {
  var data = 10;
  callback(data);
};

var obj = {
  initialData: 20,
  sumData: function(data) {
    var sum = this.initialData + data;
    console.log(sum);
  },
  prepareRandomFunction: function() {
    randomFunction(this.sumData.bind(this));
  }
};

obj.prepareRandomFunction();</code>

• obj.prepareRandomFunction() menggunakan panggilan kaedah, menetapkan ini kepada obj.
• randomFunction(this.sumData.bind(this)) menggunakan .bind(), yang mengikat nilai semasa ini (iaitu, obj) kepada fungsi panggil balik dikembalikan.

Oleh itu, apabila randomFunction memanggil panggilan balik, ini ditetapkan kepada obj kerana penggunaan .bind() dalam this.sumData.bind(this).

Atas ialah kandungan terperinci Bagaimanakah `ini` Berfungsi dalam Panggilan dan Panggilan Balik Fungsi JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!