JavaScriptの変数のスコープについて学ぶ

最新特集【一覧】

防水スピーカーをワイヤレス化、お風呂でのんびり音楽を楽しむ

自作バーコードで音楽CDを管理する

Perfumeが公開したダンスのモーションデータをChromeで扱う

前回までのおさらいと今回のあらすじ

　JavaScriptをより深く知りたい人のための当連載、ご無沙汰しておりましたが、読者の皆様はいかがお過ごしでしたでしょうか。

前回は、JavaScriptの関数について詳しく学びました。

　今回と次回でJavaScriptにおける変数のスコープについて学びます。今回は、スコープについての基本的な事柄を軽く復習するとしましょう。

変数のスコープは大きく分けて二種類

　JavaScriptにおける変数のスコープは、大きく分けて二種類あります。それはグローバル変数とローカル変数です。

　多くのプログラミング言語にも同様の区別がありますので、感覚的に理解している方も多いのではないでしょうか。しかし、詳しく調べてみるとJavaScriptにおける変数のスコープは、他の言語とはひと味違います。

ローカル変数

　ローカル変数というのは、「宣言した関数内でのみ利用可能な変数」のことです。変数の宣言方法は「関数内で、varキーワードに続けて変数を宣言する」というものです。

function func() {
  // ローカル変数
  var localVar = "local";
  // ローカル関数
  function localFunc() {
    return "localFunc";
  }
}
alert(localVar); // 結果はエラー。ローカル変数にはアクセスできない。
alert(localFunc()); // 結果はエラー。ローカル関数にはアクセスできない。

　また、上のサンプルコードでは「ローカル関数」も定義してみました。関数内で関数を宣言すると、ローカル変数のスコープに含まれます。

グローバル変数

　プログラム全体で共有する変数のことです。JavaScriptでグローバル変数を宣言するには、つぎの二種類の方法があります。