制作ブログ Web制作マークアップJavaScript変数のスコープ(領域)

変数のスコープ(領域)

グローバル変数
スクリプトのどこからでも参照できる
ローカル変数
ファンクションの中で宣言されたローカル変数はその中にしかない

function square(num){
total = num*num;
return total;
}
var total = 50;
var number = square(20);
alert(total);

alertに表示される値は「400」である。
ファンクション内の「var」をつけない変数totalはグローバル変数として処理される。

function square(num){
var total = num*num;
return total;
}
var total = 50;
var number = square(20);
alert(total);

alertに表示される値は「50」である。
ファンクション内の「var」をつけた変数totalはローカル変数として処理される。

このように思わぬ結果を招く恐れもあるので、変数は「var」をつけて作業するようにしたい。