ES6箭头函数和函数内部的词法作用域[重复]

Question

let a = () => (
  {
    name:"Anna",
    func: () => console.log(this.name)
  }
)

let b = () => (
  {
    name:"Brian",
    func: function(){ console.log(this.name) }
  }
)

let c = function(){
  return(
    {
      name:"Charlie",
      func: function(){ console.log(this.name) }
    }
  )
}

let d = function(){
  return(
    {
      name:"Denny",
      func: () => console.log(this.name)
    }
  )
}

这4个函数具有混合匹配的函数语法。调用嵌套函数时，func:with arrow函数返回空格。

Answer 1

当您定义A和D时，this的值是顶级的Window对象，因为您不在其他对象的上下文中，并且这个值保存在箭头函数中。window.name是一个空字符串，因此当调用a.func()和d.func()时会看到这个字符串。

箭头函数通常不应用作方法函数，因为它们无法访问调用它们的对象。当您想要保留this与创建它们的地方的绑定时，可以使用它们（就像其他闭包变量一样）。