javascript - JavaScript の変数スコープの問題

Question

わかりました、なぜこれがテキストエリアに6を返さないのか、私は間違いなく困惑しています。何も返しません。jsスコープと関係があると思いましたが、わかりません。

<body>

    <script language="Javascript">
    var broj = 5;  

    function Inci(){
    var broj++;
    document.frmMain.VrsteHolder.value = broj;
    }

    </script>

    <form name="frmMain" method="get" action="script.php">

    <textarea name="VrsteHolder" rows="4"> </textarea>
    <input type="button" value="Dodaj porudzbinu" name="buttonDodaj" onClick="Inci();"/> 

    </form>

</body>

score 3 · Accepted Answer

var関数内のキーワードを取り除きInciます。

var は現在のスコープで変数を再宣言するため、のbrojすべての呼び出しを再宣言しますInci。

これは正しい方法です：

var broj = 5;  

function Inci(){
   document.frmMain.VrsteHolder.value = ++broj;
}

score 0 · Accepted Answer

varキーワードが変数を定義するためです。関数から削除varします。

function Inci(){
    broj++;
    document.frmMain.VrsteHolder.value = broj;
    }

score 0 · Accepted Answer

問題はvar、他の回答の詳細にあるように、変数を再宣言するか、そうしようとして、組み合わせのために実際に構文エラーをスローすることです。

余談ですが、あまり見かけません。変数の前に++ (インクリメント演算子)を付けることで、インクリメントしてすぐに結果を取得できることを忘れないでください。次に例を示します。

function Inci(){
  document.frmMain.VrsteHolder.value = ++broj;
}

ここでそのバージョンをテストできます。

javascript - JavaScript の変数スコープの問題

3 に答える 3

Related

Reference