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

1. 関数本体の外で、変数宣言を行う。
2. プログラムのいずれかの箇所で、varキーワードをつけずに変数宣言を行う

　以下で使用されている変数、i、j、kは全てグローバル変数です。

i = "global";
var j = "global";

function func() {
  k = "global";
  var l = "local"; // ローカル変数
}

　また、上のコードには実はもう一つグローバル変数が含まれています。それは何でしょう？

　答えは……

　"func"です。関数宣言は、実は以下のようなコードと等価だというのは連載の第三回で学びましたね。

var func = function() {
  ...
};

　さて、グローバル変数の宣言方法の二番目（varキーワードをつけずに変数宣言する。サンプル中では変数"k"）ですが、わかりづらいので利用を控えた方が賢明です。特定の関数（ここではfunc()）を呼び出したか否かによって、グローバル変数が宣言されているかどうかが変化する、というのは非常にわかりにくい動作です。

　いっそのことこの宣言方法のことは忘れてしまって、「変数宣言は常にvarキーワードを用いて行う」位の気持ちでいた方が、バグの少ないプログラムに繋がると思います。

ちょっとマニアックなTIPS：関数内のスコープは一つだけ！

　あと、スコープに関してもう少しマニアックな話題を補足しておきましょう。まず一つ目は、「ブロックスコープ」が存在しないということです。

　C/C++やJavaをご存知の方は、「中括弧を用いてスコープを定義できる」のが普通であり、これを「ブロックスコープ」と呼びます。単純に中括弧を用いてスコープを細かく区切ったり、if文やforループに続く中括弧の中で宣言した変数には、ブロックの外からアクセスできないというものです。

　では、JavaScriptでブロックスコープを使用した（ように見える）次のサンプルコードを見てください。