Changes between Version 6 and Version 7 of HowTo/JavaScriptLanguageIntroduction/ValueAndVariable

Timestamp:

Aug 12, 2010, 1:41:53 PM (15 years ago)

Author:

村山 俊之

Comment:

--

HowTo/JavaScriptLanguageIntroduction/ValueAndVariable

@@ -262 +262 @@
 var b = null.toString();    // これもエラー!!
 }}}
+
+
+== 変数 ==
+
+変数とは、値を 1つだけ保存しておくことができる名前のことです。手続き型の言語であれば必ず存在する、おなじみの概念ですね。
+
+=== 変数の宣言 ===
+
+!JavaScript で使用する変数を宣言するには、 '''var''' 命令を利用します。以下のように記述すると、 hoge という名前の変数を使いますよ、という宣言になり、以後、''そのスコープ内において''、変数 hoge を安全に使用することができるようになります。
+
+{{{
+var hoge;   // 変数 hoge を宣言する
+}}}
+
+=== 変数のスコープ ===
+
+先ほどの説明において、唐突に'''スコープ'''という語が出てきたので、戸惑ったかも知れません。スコープとは、その変数を利用できる範囲のことを言います。
+
+!JavaScript では、変数を宣言した場所が関数内、即ち関数の処理内容を定義するブロック内のどこかであれば、その変数を宣言した位置から、関数の処理内容を記述するブロック内の末尾までが、その変数のスコープとなります。変数を宣言した場所が、どの関数にも含まれない、全くの外側である場合、その変数を宣言した位置から、プログラム全体の末尾までが、その変数のスコープとなります。
+
+{{{
+// ...処理... (この辺は変数 hoge のスコープに含まれない)
+
+var hoge;           // 変数 hoge のスコープはここから始まる
+
+// ...処理... (この辺は変数 hoge のスコープに含まれる)
+
+function Func() {
+    
+    // ...処理... (この辺は変数 hoge のスコープに含まれる…fuga のスコープには含まれない)
+    
+    var fuga;       // 変数 fuga のスコープはここから始まる
+    
+    // ...処理... (この辺は変数 hoge, fuga 両方のスコープに含まれる)
+    
+}                   // 関数終了 - 変数 fuga のスコープはここで終わる
+
+// ...処理... (この辺は変数 hoge のスコープに含まれる…fuga のスコープには含まれない)
+}}}
+
+関数は入れ子で定義することができますが、その場合、より内側の関数内で宣言された変数は、その内側にある関数内のみがスコープとなります。
+
+{{{
+function Func() {
+    var hoge;
+    
+    function SubFunc() {
+        var fuga;
+        
+        // ...処理... (この辺は変数 hoge, fuga 両方のスコープに含まれる)
+        
+    }
+    
+    // ...処理... (この辺は変数 hoge のスコープに含まれる…fuga のスコープには含まれない)
+    
+}
+}}}
+
+=== 宣言されていない変数 ===
+
+!JavaScript では、まったく宣言されていない名前の変数にいきなり値を代入しても、エラーにはなりません[[FootNote(コンソールに警告を出力する処理系はあるかも知れません。)]]。この場合、その変数は、'''グローバルオブジェクト'''のメンバフィールドとして扱われます。
+
+Web ブラウザに実装された !JavaScript エンジンの場合、グローバルオブジェクトは window になりますので、下記のような場合には、
+
+{{{
+hoge = "fuga";  // この変数 hoge はまだ宣言されていない
+}}}
+
+以下のように記述するのと同じ意味になります。
+
+{{{
+window.hoge = "fuga";   // Web ブラウザでは window がグローバルオブジェクト
+}}}
+
+グローバルオブジェクトは !JavaScript エンジンを搭載しているアプリケーションによって異なりますので (それは system かも知れませんし、 global かも知れませんし、あるいはアプリケーションの名前かも知れません)、事前に確認しておいた方がよいでしょう。
+
+[[FootNote]]