矢印機能が混乱している

Question

スニペット1で何が問題なのか教えてください。私のobj.discover（）の出力は3です。thisをオブジェクトの矢印関数メソッドにバインドする方法はありますか？

'use strict' 

// Snippet 1 
var obj = { 
    data: 3, 
    discover:() => { 
    return this.data 
    } 
} 
obj.discover() // -> undefined 
obj.discover.bind(obj)() // undefined 

// but if I don't use the arrow notation, everything works 
// Snippet 2 
var obj2 = { 
    data: 3, 
    discover: function(){ 
    return this.data 
    } 
} 
obj2.discover() // -> 3 

Answer 1

矢印機能は構文糖だけでなく、いくつかの動作も異なります。矢印の関数では、thisは常に、関数定義時に指していたオブジェクトを指しています。

Answer 2

矢印機能はバインディングを許可していません。 MDNにthisの参照を確認します。

矢印関数式は 式とは独自のこの、引数、スーパー、または new.targetを結合しない機能に比べて短い構文があります。

矢印機能は、thisをその字句範囲に解決します。

Answer 3

矢印機能は通常の機能とは異なり、オブジェクトメソッドとして使用しないでください。彼らは他のものの中で「これ」に縛らない。 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions