矢印関数で参照されているときに 'this'が 'undefined'を返しますが、匿名関数で呼び出されたときには 'not'が返されるのはなぜですか？

Question

私はnode.js v6.7.0で作業していますが、 'this'への参照を持つオブジェクトを宣言している間は、矢印関数内にある場合は未定義を返しますが、通常の匿名関数の内部にある場合はオブジェクト自体を返します私が欲しい）

例えば

let obj = { 
 
    key: 'val', 
 
    getScopeWithArrow:() => {return this;}, //returns undefined 
 
    getScopeWithAnonymous: function() {return this;} //returns the object properly 
 
}

Answer 1

矢印機能は、独自のthis、彼ら近い上を持っていないので呼び出しコンテキストの。しかし、矢印以外の関数がバインドされていない場合は、と呼ばれる方法でに基づいてthisを取得します。

obj.getScopeWithArrow(); 
obj.getScopeWithAnonymous(); 

最初のケースでは、再び、矢印機能は取得していない独自のあなたがそれを呼び出しているかthisので、それは問題ではない：私はあなたがこのようにこれらの関数を呼び出していると仮定します。 2番目のケースでは、はとなりますので、thisは同じオブジェクトを参照します。objを参照してください。

---

別に：thisのみundefinedがstrictモードにすることができるので、あなたの例では、あなたは、strictモードでなければなりません。

別に2：あなたのメソッド名に関して：thisと「スコープ」はお互いに非常に少ししかありません。

---

いくつかの例：

function showThis(label, t) { 
 
    if (t === window) { 
 
    console.log(label, "(global object)"); 
 
    } else { 
 
    console.log(label, t); 
 
    } 
 
} 
 
// Loose mode by default in a non-module script element 
 
let obj = { 
 
    arrow:() => { 
 
    showThis("arrow says ", this); 
 
    }, 
 
    normal: function() { 
 
    showThis("normal says ", this); 
 
    } 
 
}; 
 
obj.arrow(); // global object (window on browsers) 
 
obj.normal(); // obj 
 

 
function foo() { 
 
    // Here, we're in strict mode 
 
    "use strict"; 
 
    let obj = { 
 
    arrow:() => { 
 
     showThis("arrow says ", this); 
 
    }, 
 
    normal: function() { 
 
     showThis("normal says ", this); 
 
    } 
 
    }; 
 
    obj.arrow(); // undefined 
 
    obj.normal(); // obj 
 

 
} 
 
foo();

developer.mozilla.orgによれば

Answer 2

（https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions）

この

の無結合

新しい関数はすべて独自の値を定義しています（コンストラクタの場合は新しいオブジェクト、厳密なモード関数呼び出しでは未定義、関数が "オブジェクトメソッド"として呼び出された場合はコンテキストオブジェクトなど） 。これは、オブジェクト指向のプログラミングスタイルに迷惑をかけることが判明しました。

しかし

目標は、関数を書く避けるためである場合は、コロンを使用しないよう、新たなECMA6オブジェクト関数宣言の構文を使用してメソッドを宣言することができます。

let obj = { 
 
    key: 'val', 
 
    getScopeWithParens() {return this;}, //returns object 
 
    getScopeWithAnonymous: function() {return this;} //returns the object properly 
 
} 
 

 
console.log(obj.getScopeWithAnonymous()); 
 
console.log(obj.getScopeWithParens());