ES6箭头函数:为什么在构造函数和对象文字中使用此箭头时指向不同?

我知道箭头函数从封闭作用域继承this。但是,仍然不能理解为什么在对象文字中定义的箭头函数中的this指向全局对象,而在构造函数中指向创建的对象。 请考虑以下代码:

function Obj() {
  this.show = () => {
    console.log(this);
  };
}
const o = new Obj();
const o2 = {
  show: () => {
    console.log(this);
  }
}

o.show(); // o
o2.show() // window || undefinded

解决方案

function Obj() {
  this.show = () => {
    console.log(this);
  };
}
const o = new Obj();
o.show(); 

这里"this"基于"new"关键字的规则工作,该关键字指向具有在obj()中定义的结构的新对象(新对象是上下文)。 更多信息请访问:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/new

const o2 = {
  show: () => {
    console.log(this);
  }
}
o2.show() // window || undefinded

此处"this"在运行时获取其值,因为lambda函数和对象文本都不定义上下文,所以剩余的上下文是全局上下文,这就是获取该值的原因。

相关文章