Changes between Version 7 and Version 8 of HowTo/JavaScriptLanguageIntroduction

Timestamp:

Jul 31, 2010, 12:10:55 PM (15 years ago)

Author:

村山 俊之

Comment:

--

HowTo/JavaScriptLanguageIntroduction

@@ -162 +162 @@
 document.write("</ul>");
 }}}
+
+=== 割と本格的な関数型言語 ===
+
+!JavaScript では、関数の定義内容を変数に代入することができます。
+
+{{{
+// 変数 hoge に関数を代入
+var hoge = function(text) {
+    alert("hoge: " + text);
+}
+
+// hoge に代入した関数を呼び出す
+hoge("fuga");
+}}}
+
+かっこでうまく括ってやれば、わざわざ変数に代入せずとも、その場で呼び出してしまうことも可能です。
+
+{{{
+// 無名の関数を即座に呼び出す例
+(function(text) {
+    alert("hoge: " + text);
+})("fuga");
+}}}
+
+こうして作られた無名関数は、'''クロージャ'''として機能します。つまり、無名関数が生成されたときの変数の値を覚えています[[FootNote(正確には、変数のスコープが失われたときの値を覚えています。この性質は若干ややこしいので、クロージャを用いる際には関数の生成の仕方に注意する必要があります。詳細は後述します。)]]。
+
+{{{
+// クロージャを生成する関数
+function generateAlertClosure(text) {
+    // 無名関数を返す
+    return function() {
+        alert(text);
+    };
+}
+
+var hoge = generateAlertClosure("ほげっ!");
+var fuga = generateAlertClosure("ふんがーヽ(ﾟ口ﾟﾐ)ノ");
+
+alert("まだ何も起こっていないはず…");  // ここまではまだ alert が呼ばれていないことを確認
+
+hoge(); // ここで "ほげっ!" と表示
+fuga(); // "ふんがー(ry" と表示
+}}}
+
+[[FootNote]]