「this」はJavaScriptでどのように機能しますか？

Question

JavaScriptの新機能こののキーワードはJavaScriptで動作します。次のコードを実行すると、結果は明らかです。

function foo() { 
    console.log(this.a); 
} 

var obj = { 
    a: 2, 
    foo: foo 
}; 

var a = 'global a'; 

obj.foo(); // 2 

ただし、次のコードを実行すると、obj.aの代わりにグローバルなaが印刷されます。

function foo(){ 
    console.log(this.a); 
} 

var obj = { 
    a:2, 
    foo:foo 
} 

var bar = obj.foo; 
var a = 'global a'; 

bar(); 

この印刷用のグローバルな理由を教えてください。

Answer 1

を関数への参照を与えている、あなたの第二の例では
変数objの場合、thisのコンテキストはobjです。だからこそa == 2です。ここで、関数fooを変数barに参照すると、thisのコンテキストはグローバルwindowであり、このコンテキストの変数aはglobal aです。この場合、関数fooを最初の例と同じように動作させるには、objコンテキストにバインドすることができます。このように：

function foo(){ 
 
    console.log(this.a); 
 
} 
 

 
var obj = { 
 
    a:2, 
 
    foo:foo 
 
} 
 

 
// bind the context to obj 
 
var bar = obj.foo.bind(obj); 
 
var a = 'global a'; 
 

 
bar();

私は自分自身を明確にすることを願ってい

...;）あなたはいつも「厳格な使用」 `書き込みを使用する必要が

Answer 2

最初のコードobjにはa変数があり、foo()関数はobjで呼び出されます。それは、クラスのメンバ変数を印刷し呼び出されたときに、あなたが上の機能fooを呼び出すときにのみ、あなたの最初の例では、この場合には、そのバーにa = global a