グローバル変数JavascriptのQn

Question

var products=[1,2,3]; 
product_edits();//GIVES [1,2,3]. 

myApp.onPageInit("mypage",function(page){ 
    console.log(products);//undefined 
    var products=[3,2,1]; 
    product_edits();//GIVES [1,2,3]?? Shouldn't this be 3,2,1? 
}); 

function product_edits(){ 
    $(element).click(function(){ 
     console.log(products); 
    }); 
} 

私は特定のpageInitが呼び出されました。しかし、私は値が3,2,1に変わったはずだと思ったときに、なぜ製品が1,2,3を与えるのか分かりません。

Answer 1

これは、onPageInitのローカルスコープで製品を再宣言するためです。 onPageInitのローカルスコープでそれを再宣言すると、その関数の外では使用できなくなります。

ローカルスコープで再宣言する代わりにproduct変数を再割り当てしてみてください。

また、グローバル変数を再割り当てしたくない場合は、関数の引数としてproducts配列を渡すことをお勧めします。

product_edits(products);