範囲内の関数内のjavascript変数の範囲

Question

誰かが次のコードを説明できますか？内部関数が同じ親関数内の "内部"変数にアクセスしないのはなぜですか？それでも、同じ変数をピア関数と共有しているようです。子関数内から "this"を使用して親関数の "inside"変数にアクセスできることは知っていますが、なぜこれが必要なのか困惑しています....私がおそらくもっと静的なものが必要でしょうか？私はJavaScriptの機能をラップするためにこのパターンを使用してきましたが、変数のカプセル化（より静的なもの）のこの挑戦を避ける、より良い/より簡単なパターンがあるのだろうかと思います。あなたの洞察をいただきありがとうございます。

var wrap = function() { 
 
    var inside = null; 
 

 
    function showInside() { 
 
    console.log(inside); 
 
    } 
 

 
    function changeInside() { 
 
    console.log(inside); 
 
    inside += 'test'; 
 
    } 
 

 
    return { 
 
    inside: inside, 
 
    showInside: showInside, 
 
    changeInside: changeInside 
 
    }; 
 
}(); 
 

 
wrap.changeInside(); 
 
wrap.showInside(); 
 
wrap.changeInside(); 
 
wrap.showInside(); 
 
console.log(wrap.inside);

Answer 1

なぜ内部関数は、同じ親関数内で「内部」変数にアクセスしない - まだ彼らは、ピア機能と同じ変数を共有するように見えますか？

があります。

あなたが言うときので、あなたは混乱している：

return { 
    inside:inside, 

あなたは新しいオブジェクトのプロパティinsideに変数insideの値をコピーします。これは、オブジェクトを作成するときに行います。

後で変数の値を変更すると、それは財産との関連、それほど更新されません性質を持っていません。

---

プロパティに変数をリンクするには、getter/settersを使用する必要があります。

var wrap = function() { 
 
    var inside = null; 
 

 
    function showInside() { 
 
    console.log(inside); 
 
    }; 
 

 
    function changeInside() { 
 
    console.log(inside); 
 
    inside += 'test'; 
 
    } 
 

 
    return { 
 
    get inside() { 
 
     return inside; 
 
    }, 
 
    set inside(value) { 
 
     inside = value; 
 
    }, 
 
    showInside: showInside, 
 
    changeInside: changeInside 
 
    }; 
 

 
}(); 
 

 
wrap.changeInside(); 
 
wrap.showInside(); 
 
wrap.changeInside(); 
 
wrap.showInside(); 
 
console.log(wrap.inside);

Answer 2

私はあなたが概念的な問題を抱えていると思います。見てみましょう：そこ()続く

var wrap = function(){ 
    ... 
}(); 

はあなたがが機能を呼び出し、wrapにその戻り値を代入している、wrapに機能を割り当てていないことを意味します。

戻り値は、あなたがwrap.insideで変数insideを

return { 
    inside:inside, //The value of inside (null) 
    showInside:showInside, //The local function showInside 
    changeInside:changeInside //The local function changeInside 
}; 

見えない持っている関数が呼び出されたときに、あなただけの価値を持っています。

まず、次の手順を実行する必要があります

var wrap = function() { 
    ....  
    return this; //Return the object itself 
}(); 

そして、関数内の変数や関数は、関数の範囲に属します。そのスコープの外からはアクセスできません。だから、代わりにプロパティを定義するかもしれません。

var wrap = function() {  
    this.inside = 1; //property 

    var insideVar = 2; //variable 

    this.showInside=function() { //property (with a function assigned to it) 
     console.log(insideVar); 
     console.log(this.inside); 
    }; 

    this.changeInside=function() { //property 
     insideVar+=2; 
     this.inside+=1; 
    }; 

    return this; 
}(); 

そして今：

console.log(wrap.inside); //-> 1 
console.log(wrap.insideVar); //-> undefined 
console.log(wrap.changeInside()); 
console.log(wrap.showInside); //-> 4 and 2 
console.log(wrap.inside); //-> 2 

は差が明らかであると思います。そうでなければ、もっと説明を求めるだけです。