Bagaimanakah Penunjuk \'ini\' Berkelakuan dalam Fungsi JavaScript Bersarang?

Kelakuan Penunjuk "ini" dalam Fungsi Javascript Bersarang

Apabila mentakrifkan fungsi bersarang dalam kaedah objek, adalah penting untuk memahami cara penunjuk "ini" beroperasi dalam konteks ini. Pertimbangkan coretan kod berikut:

<code class="javascript">var std_obj = {
  options: { rows: 0, cols: 0 },
  activeEffect: "none",
  displayMe: function () {

    // "this" refers to std_obj
    if (this.activeEffect == "fade") { }

    var doSomeEffects = function () {

      // "this" refers to the window object
      if (this.activeEffect == "fade") { }

    }

    doSomeEffects();
  }
};

std_obj.displayMe();</code>

Dalam senario ini, penunjuk "ini" merujuk kepada objek "tetingkap" dalam fungsi bersarang "doSomeEffects()", bertentangan dengan jangkaan bahawa ia harus merujuk kepada objek "std_obj". Untuk menjelaskan tingkah laku ini, kita mesti menyelidiki sifat penuding "ini" Javascript.

Dalam Javascript, penunjuk "ini" ditentukan oleh cara fungsi dipanggil. Terdapat tiga kaedah utama:

• Kaedah Memanggil: someObject.someFunction(arg1, arg2) - "this" ditugaskan kepada "someObject".
• Panggilan Fungsi: someFunction.call(someObject, arg1, arg2) - "this" ditugaskan kepada "someObject".
• Function Apply: someFunction.apply(someObject, [arg1, arg2]) - "ini" diberikan kepada "someObject".

Dalam senario fungsi bersarang, fungsi "doSomeEffects()" dipanggil tanpa menyatakan objek "ini". Akibatnya, penunjuk "ini" lalai kepada objek global, biasanya objek "tetingkap". Untuk memastikan bahawa "ini" merujuk kepada objek yang diingini, kaedah "std_obj.displayMe()" harus secara eksplisit menetapkan penunjuk "ini" untuk "doSomeEffects()".

Dengan memahami prinsip yang mengawal "ini" ", pembangun boleh menghalang tingkah laku yang tidak dijangka dan mencipta kod yang mematuhi amalan terbaik.

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