は、私はJavascriptを練習しています

Question

JavaScriptでvaribleの範囲について混乱を感じたので、私は書いた：f();に

私の意見では

/*the console result*/ 
window 
2 
2 
NaN 

、thisポイント：

function f(){ 
     console.log(this);  
     var b=2; 
     console.log(b); 
     this.b++;  
     console.log(b); 
     b++; 
} 
f(); 
console.log(b); 

結果は私を驚か。 bはf();のプライベート変数です。 this.b++とb++は同じ変数で動作します。

/*the right anwser in my mind*/ 
f 
2 
4 
TypeError 

私が期待した結果を得られなかった理由を説明してください。

Answer 1

4を取得するには、これを行う必要があります this.b = this.b ++; または b = b ++;動作します。

bがそのスコープで定義されていないため、最後の結果としてNanが取得されています。あなたは、詳細についてはjavascriptの変数ホイストについて読むことができます。

Answer 2

は、ここで何が起こっているかを打破するのをしてみましょう：

function f(){ 
    /* 
    Since you called this function directly, "this" is pointing 
    to the window object of the browser because it is the global scope 
    */ 
    console.log(this); // window 
    var b=2; // Assigning 2 to a local variable "b" 
    console.log(b); // 2 - because you are logging your local scoped variable 

    /* 
     This is really saying window.b++ and since b isn't typically 
     defined on the window object it is essentially saying: 
     window.b = undefined + 1 
    */ 
    this.b++; 
    console.log(b); // 2 - because you are logging your local scoped variable that hasn't changed 
    b++; // Increment your local scoped variable 
} 

f(); // Calling the function you just defined in the global scope 

/* 
    This is actually logging window.b which is considered to be 
    NaN (not a number) because you incremented "undefined" and 
    since undefined is not a number it can't be incremented 
*/ 
console.log(b); 

Answer 3

あなたは（var bを使用して）あなたのf関数内のローカル変数にb変数セットを持っているので、あなたがwindow変数を使用してアクセスすることはできません。あなたはthis（windowとして）を使用することができるようになります（外側のスコープでvar b）bグローバルに変数を設定した場合

それを行うには：

var b 
 
function f(){ 
 
     // console.log(this); 
 
     b=2; 
 
     console.log(b); 
 
     this.b++;  
 
     console.log(b); 
 
     b++; } 
 
f(); 
 
console.log(b);

最初のconsole.log(this)を無効にしました。そのスニペットが多くの出力を提供するからです。