varを変更する関数へのグローバルvarの名前を渡しますか？

Question

今日、私は奇妙な問題に遭遇しました。

良い：関数内からグローバルvar値を正常に変更しました（つまり、 "passedVarName"を "a"で置き換えた場合、下の例は正常に動作します）。

悪い：グローバル変数 "a"（関数に直接入れるのではなく）を渡そうとするとうまく動作しません。

Javascriptを

（クリック文書に "2" を書くべきではなく "はNaNを" 書くでしょうか？）：以下

は、私が働いて得るように見えることができないものです

var a = 1; 

    function click(passedVarName){ 

    passedVarName ++; 

    document.write(passedVarName) 

    }; 

HTML：

<a href="javascript:click('a')">Click this Button to alter global var "a".</a> 

Answer 1

関数にグローバル変数をパラメータとして渡すと、その関数の内部にそのvarのコピーが作成されます。グローバルは変更されません。

この例では、最初のdivをクリックして同じ出力毎回生成します。

//html 
<div onclick="foo(a)">Click here</div> 
<div id="txt"></div>​​​​​​​​​​​​​ 
//js 
window.a = 152; 
window.foo = function(varr) {varr++; $("#txt").html(varr)}​ 

しかし、あなたがオブジェクトのプロパティとして、あなたの変数を渡す場合と同様に、関数にそのオブジェクトを渡すようで、そして、あなたの関数内の変数を変更し、それが世界的な効果を持っています。ここ

//html 
<div onclick="foo(a)">Click here</div> 
<div id="txt"></div>​​​​​​​​​​​​​​​​ 
//js 
window.a = { val:152}; 
window.foo = function(varr) {varr.val++; $("#txt").html(varr.val)}​ 

が動作するjsFiddleです：http://jsfiddle.net/2Ahdb/3/

Answer 2

このボタンをクリックすると、グローバル変数 "a"が変更されます。

これは、変数aではなく文字列 'a'を関数に渡します。 あなたのようにそれを渡す必要がclick(a);

正しい例： http://html-bin.appspot.com/aghodG1sLWJpbnIMCxIEUGFnZRjhjxoM

、

Answer 3

これはかなり悪いコードのにおいです[はseperating JavaScriptとHTMLによる混乱を避けるためにjsfiddle.netを使用していませんでした]が、

Answer 4

は私を許してプログラミングの知識を誤って解釈したとしても、グローバル変数はプログラミングのどの部分でもアクセスしたり変更することができるものなので、関数を渡す必要はありません。

関数でグローバル変数を変更しようとしている場合、javascriptにはいくつかの制限があります。オブジェクトのみが参照渡しされます。

var a = 5; 
var b = { value: 5 }; 


function changeMe(x) { 
    x = 10; 
} 
changeMe(a); //... still 5 

function changeMeAlso(x) { 
    x.value = 10; 
} 
changeMeAlso(b); //.. changed to { value: 10 }