'this'がグローバルオブジェクトではないオブジェクト 'obj'を参照する理由

Question

var obj = { 
    name: 'hello', 
    getName: function(){ 
    return() => {return this.name; } 
    } 
} 
var name = 'world'; 
var nameFunc = obj.getName(); 
console.log(nameFunc()) 

結果は "world"ではなく "hello"です。 私は少し混乱しています。

Answer 1

矢印機能は、作成時の値と同じようにthisという値にバインドされています。あなたが作るときgetName()へお電話：

var nameFunc = obj.getName(); 

はその後getName()内thisの値がobjへの参照です。 returnステートメントは矢印関数を作成するため、その関数はobjにバインドされています。

getName: function() { 
    return function() { 
     return this.name; 
    }.bind(this); 
    } 

これは、矢印の機能がうまくいく方法であり、それは通常の機能とは異なります。