es6 箭头函数的this 指向问题

最新推荐文章于 2022-12-17 15:43:45 发布

一个耕耘在后端的前端

最新推荐文章于 2022-12-17 15:43:45 发布

阅读量162

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_39090097/article/details/84138850

本文探讨了JavaScript中箭头函数与普通函数体内this关键字的不同行为。箭头函数的this始终指向定义时所在对象，而普通函数的this则指向调用时所在对象。通过具体代码示例，展示了不同函数调用方式下this指向的变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

箭头函数体内的this，就是定义时，函数所在的对象，而不是调用时所在的对象。

var foo = () => {
  console.log(this.id);
}

var id = 1;

foo(); // 输出1 // this 的指向一直是指向 window

foo.call({ id: 2 }); // 输出1  // this 的指向一直是指向 window

普通函数体内的this，指向调用时所在的对象。

function foo() 
{
    console.log(this.id);
}

var id = 1;

foo(); // 输出1 this指向 window

foo.call({ id: 2 }); // 输出2  这里是{ id: 2 }调用 foo，所以 this的指向是 { id: 2 }这个对象，因此 console.log(this.id); 的输出值是 2