箭头函数的this指向问题

箭头函数内部的this是继承自定义时箭头函数所在的对象，而不是执行时所在的对象。这意味着箭头函数没有自己的this，而是使用外层代码块的this。因此，箭头函数不能用作方法或构造函数，也不能访问arguments和super。

例如，下面的代码中，obj的show方法是一个箭头函数，它的this是继承自全局对象window（obj本身没有this，this是指obj外面的window），而不是obj本身。所以，this.x的值是undefined，而不是100。

const obj = {
  x: 100,
  show: () => console.log(this.x)
};
obj.show(); // 输出 undefined

如果想让箭头函数的this指向obj，可以使用普通的函数表达式，或者使用bind方法显式绑定this。

const obj = {
  x: 100,
  show: function() { console.log(this.x) }
};
obj.show(); // 输出 100

const obj2 = {
  x: 100,
  show: () => console.log(this.x)
};
obj2.show.bind(obj2)(); // 输出 100

相关文章