JavaScriptは「この」は機能ブロック

Question

this、例えば、それが属するオブジェクトを参照：

var someObj = { 
    logObj : function() { return this } 
} 

obj.logObj() => someObj 

と機能が目的です。しかし、なぜ関数内のthisが関数ではなくウィンドウを参照しているのですか？例えば、

function someFunc() { return this } 

はreturn someFunc()ませんが、window。

Answer 1

実際、関数はオブジェクトです。ただし、関数内のステートメントは呼び出されず、関数自体にthisが設定されています。そうすれば、thisは呼び出されたオブジェクトを参照することがなくなり、thisの有用性の多くを排除します。あなたが求めるものを達成する方法があります。 「関数はオブジェクトのメソッドとして呼び出されると、オブジェクトはそのこの値として関数に渡される。」

ECMAScript Specification 4.3.31

関数は、それ自体のメソッドとして呼び出されません。オブジェクトのメソッドとして実行されない関数は、グローバルオブジェクトのメソッドとして呼び出されます（ "strict"モードの場合はundefined）。

function test() { 
 
    console.log(this == window); 
 
} 
 

 
var obj = {'test': test}; 
 

 
test(); 
 
window.test(); 
 
obj.test();

あなたが本当に自分自身を参照するための機能でthisのためにしたい場合は、あなたが自分自身の財産としての機能を追加し、またはそのようなapplyとしての機能を使用する必要があります、 callまたはbindであり、thisArgを有する。

function test() { console.log(this) }; 
 

 
test.test = test; 
 

 
test.test(); 
 
test.call(test); 
 
test.apply(test); 
 
test.bind(test)();

Answer 2

コンテキストは、ほとんどの場合、関数が呼び出されるかによって決定されます。関数はオブジェクトのメソッドとして呼び出された場合、これはオブジェクトに設定されている方法は、上で呼び出されます

オブジェクトのインスタンスを作成するために、new演算子を持つ関数を呼び出すときに、同じ原理が適用され

var obj = { 
    foo: function(){ 
     alert(this === obj);  
    } 
}; 

obj.foo(); // true 

。このようにして呼び出されたとき、関数の範囲内で、この値は、新しく作成されたインスタンスに設定されます

function foo(){ 
    alert(this); 
} 

foo() // window 
new foo() // foo 

未結合の関数として呼び出された場合、これはのグローバルコンテキストまたはウィンドウオブジェクトにデフォルト設定されますブラウザ。ただし、strictモードで関数を実行すると、コンテキストはデフォルトでundefinedになります。

Answer 3

オブジェクトを作成するには、オブジェクトリテラルを使用する方法と、オブジェクトコンストラクタを使用する方法の少なくとも2つがあります。

thisは、後者のテクニックを使用した場合にのみ発生します。

これは、（あなたの例では、リテラルを使用した）オブジェクトコンストラクタでオブジェクトを作成する方法である：

var objConstructor = function() { 
    this.logObj = function() {return this} 
} 

var obj1 = new objConstructor()