Fungsi Anak Panah lwn. Pengisytiharan Kaedah dalam ES6: Mengapa `ini` Tidak Berfungsi Seperti Yang Dijangkakan dalam Fungsi Anak Panah?

Fungsi Anak panah lwn. Pengisytiharan Kaedah dalam ES6

Apabila mendalami ES6, anda mungkin menghadapi isu berikut:

var person = {
  name: "jason",

  shout: () => console.log("my name is ", this.name)
};

person.shout(); // Prints "my name is "

Niatnya adalah untuk membolehkan fungsi mengakses sifat nama dalam objek orang. Walau bagaimanapun, konsol hanya mencetak "nama saya."

Penjelasan:

Tingkah laku ini timbul daripada sifat unik fungsi anak panah dalam ES6. Fungsi anak panah, tidak seperti pengisytiharan fungsi tradisional, tidak mengikat kata kunci ini. Sebaliknya, mereka mewarisi ikatan ini daripada skop sekeliling mereka, yang, dalam kes ini, adalah skop global.

Penyelesaian:

Untuk menangani isu ini, anda boleh gunakan corak pengisytiharan kaedah ES6, yang mengekalkan pengikatan yang dikehendaki ini:

var person = {
  name: "jason",

  shout() {
    console.log("my name is ", this.name);
  }
};

person.shout(); // Prints "my name is jason"

Atas ialah kandungan terperinci Fungsi Anak Panah lwn. Pengisytiharan Kaedah dalam ES6: Mengapa `ini` Tidak Berfungsi Seperti Yang Dijangkakan dalam Fungsi Anak Panah?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!