箭头函数中的this关键字[重复]

Question

var cat = {
lives: 9,
jumps: () => {
console.log(this.lives)
 }
}

我听说箭头函数中的 'this' 关键字将指向父作用域，所以我尝试在 node 的全局对象中放置一个 lives=9 的变量，这似乎不起作用，我是否遗漏了什么?

var lives=9
var cat = {
lives: 9,
jumps: () => {
console.log(this.lives)
 }
}

Answer 1

箭头函数有一个词法this，这意味着函数内部this的值与函数外部this的值相同。

这并不意味着this 指向一个包含函数外部所有变量的对象。

const anObject = {
  aValue: "example value",
  aMethod: function() {
    console.log("aMethod", this.aValue);

    const arrow = () => {
      console.log("arrow", this.aValue);
    }
    
    arrow();
  }
}

anObject.aMethod();

const copyOfAMethod = anObject.aMethod;
copyOfAMethod();

因为aMethod作为anObject上的方法被调用，所以aMethod内this的值是anObject。

因为arrow 是在aMethod 内部声明的，所以this 的值与aMethod 的值相同。

如果函数被复制到别处，因此它具有不同的this 值，那么在调用副本时创建的箭头函数将具有相同的不同值。