Javascriptを：X = obj.fn対obj.fn（）; X（）

Question

は、このスニペットを見てみましょう：

var obj = { 
    fn: function() {return this;} 
}; 
var x = obj.fn;  

obj.fn(); // returns obj 
x(); // returns window (in the browser) 

obj.fn()がx=obj.fn; x()異なっているなぜ私は好奇心が強いです。単一の式の中で関数呼び出しの直後にある属性ルックアップの特別なケースはありますか？（例えば、Pythonのdescriptor protocolのような）より複雑な魔法がありますか？

Answer 1

thisコンテキスト変数の値は、常に関数の呼び出し方法によって異なります。

obj.fn(); 

は、常にこの場合objに、含まれているオブジェクトを参照する、そのthis値を意味methodとしての機能を呼び出します。直接x関数内の参照を格納することにより

は、それが常に非ES5-strictモード環境でglobal objectを参照すると、それはES5 strictモードでundefinedなることを意味している、グローバルスコープの「ちょうどそのよう」と呼ばれています。

したがって、変数内のオブジェクトメソッドを参照するときは常に注意する必要があります。そのようなメソッドがthis.someProp経由でそれ自身のオブジェクトからいくつかのデータにアクセスしたい場合は、thisが別のオブジェクト/コンテキストにバインドされていると明らかに失敗します。

---

^{免責事項：「常に含むオブジェクトを参照するには、」完全に正しくありません。関数がFunction.prototype.bind()経由で別のオブジェクトにバインドされていた場合は、常にという参照オブジェクトが参照されます。}