機能/オブジェクトの範囲

Question

console.log(myCounting.value);は、実際には7と表示されていました。これは、addメソッドが2回呼び出されたためです（コメント参照）。しかし、それは6を印刷します。それは範囲のためですか？ myCounting.addで '呼び出し'関数を呼び出すと、そのスコープが異なるために値が変更されないことを意味しますか？私はスコープを学んでいるように誰かが説明することができます..ありがとうございます！

myCounting.add() 

this

はの呼び出し元のオブジェクトを参照：

をあなたの最初の例では：

function Counting(){ 
    this.value = 5; 
} 

Counting.prototype.add = function(){ 
    this.value++; 
} 

var myCounting = new Counting(); 
myCounting.add(); // invoked once 

function invoking(funcs){ 
    funcs(); 
} 

invoking(myCounting.add); //invoked twice 
console.log(myCounting.value); 

Answer 1

残念ながら、JavaScriptでthisの値が異なった方法/関数が呼び出された場所に応じて評価しますadd関数（この場合、myCountingインスタンスです）。 2番目の例では

：それはトップレベルの範囲から呼び出されていますので、ここで

invoking(myCounting.add) 

は、addは（ブラウザ内から呼び出された場合）、トップレベルwindowオブジェクトにバインドされています。したがって、thisは実際にはグローバルウィンドウオブジェクトです。

結果は、ブラウザコンソールから直接this.value++を呼び出した場合と同じ結果になります。 this.valueはundefinedなのでthis.value++の結果は（無意味）NaNです。

Answer 2

スコープとはあまり関係ありません（スコープを作成する機能はおそらく？）。 thisの仕組みとは何かが関係しています。

thisの値はの機能はどのようにと呼ばれますか。関数を呼び出すことができる方法はいくつかあり、それぞれがthisの異なる値になる可能性があります。あなたの例では、myCounting.add()とfunc()は異なる方法で関数を呼び出すため、thisの値が異なるため、this.value++が2つの異なるオブジェクトに適用されます。

詳細については、How does the “this” keyword work?およびおそらくHow to access the correct this/context inside a callback?を参照してください。