箭頭函數 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();