箭头函数 this 打印 var 但不打印 let 变量

Question

我有这个代码

 var key = "outer value"; let obj = { key:"obj value", func:()=> this.key, } console.log(obj.func());

但是当 var 更改为 let 时，结果是未定义的。 请指导。

Answer 1

 let key = "outer value"; let obj = { key:"obj value", func:()=> key, } console.log(obj.func()); //--> Outer Value var key = "outer value"; let obj = { key:"obj value", func:()=> key, } console.log(obj.func()); //--> Outer Value

即使不使用这个关键字，答案也是一样的

 var key = "outer value"; let obj = { key:"obj value", func:()=> key, } console.log(obj.func());

Answer 2

箭头函数在 this 上没有它，它总是使用父 this

您的代码有效，因为关键是全局范围（this）

let key = "outer value";
let obj = {
  key:"obj value",
  func:()=> key,
}
console.log(obj.func());

这将不起作用，因为 key 是本地范围不在 this 内

function test() {
  var key = "outer value";
  let obj = {
    key: "obj value",
    func: () => this.key,
  };

  console.log(obj.func()); // undefined
}
test();

这将工作

function test() {
  this.key = "outer value";
  let obj = {
    key: "obj value",
    func: () => this.key,
  };

  console.log(obj.func()); // outer value
}
test();