Fungsi anak panah dan ini

Apakah keputusan foo.baz() ini??

const foo = {
  bar: 10,
  baz: () => console.log(this.bar),
};


foo.baz();

Fungsi ini kelihatan seperti ia sepatutnya berfungsi tetapi jika anda menjalankan ini, hasilnya akan menjadi "tidak ditentukan". Kenapa begitu?
Dalam JavaScript, apabila anda menggunakan fungsi anak panah, fungsi console.log(this.bar) akan mencari pembolehubah global, kerana kata kunci "ini" tidak terikat pada objek sekeliling tetapi objek global (tetingkap) dalam penyemak imbas atau persekitaran node.js.
Untuk menyelesaikan masalah ini, kami sama ada menggunakan foo.bar atau menukar sedikit kod dan menggunakan ungkapan fungsi biasa seperti itu

 baz: function () {
    console.log(this.bar);
  },

Atau jika kita perlu menggunakan fungsi anak panah, bukannya memanggil pembolehubah tempatan sebagai this.bar, kita boleh menggunakan nama objek dan memanggil foo.bar seperti itu .

 baz: () => console.log(foo.bar),

Kini output akan menjadi betul 10.

Atas ialah kandungan terperinci Fungsi anak panah dan ini. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!