Changes between Version 8 and Version 9 of HowTo/JavaScriptLanguageIntroduction

Timestamp:

Jul 31, 2010, 9:39:03 PM (15 years ago)

Author:

村山 俊之

Comment:

--

HowTo/JavaScriptLanguageIntroduction

@@ -85 +85 @@
 }}}
 
-=== 複雑なデータ構造を自由に書ける ===
+=== 複雑なデータ構造を自由に書ける === #introduction-hashmap
 
 C や Java がデータ構造の構成を構造体やクラスとしてあらかじめ定義しなければならないのに対し、 !JavaScript のオブジェクトはいつでも好きなだけメンバを追加できます。
@@ -207 +207 @@
 
 [[FootNote]]
+
+=== プロトタイプ型オブジェクト指向 ===
+
+!JavaScript でオブジェクトと言えば、複雑なデータ構造を表す'''連想配列'''を指します。「[#introduction-hashmap 複雑なデータ構造を自由に書ける]」の節で示したアレですね。
+
+{{{
+// オブジェクト
+var obj = {
+    "foo": "hoge",
+    "bar": "fuga",
+    "baz": "oyoyo"
+};
+}}}
+
+ところで、オブジェクト指向プログラミングといえば、オブジェクトの生成・破棄を行う処理を定義するコンストラクタ・デストラクタがあり、メンバメソッドがあり、カプセル化のためのアクセス制約があり、クラスの継承がある、といったいわゆる Java 的な世界観が連想されます。 !JavaScript の場合はクラスではなく'''プロトタイプ'''というアプローチではありますが、似たようなことを行うための記法が用意されています。
+
+まず、関数の定義はそのままコンストラクタとしても機能します。
+
+{{{
+// クラス定義のようなもの
+function MyObject() {
+    // メンバ変数の定義
+    this.foo = "hoge";
+    this.bar = "fuga";
+    this.baz = "oyoyo";
+}
+
+// 上記を用いてオブジェクトインスタンスを生成
+var obj = new MyObject();
+
+alert("foo: " + obj.foo);  // "foo: hoge" と表示される
+}}}
+
+デストラクタは残念ながら存在しません。オブジェクトが必要なくなるタイミングで特定の処理を行いたい場合は、自分でメソッドを用意して、自分で確実に呼び出すよう記述する必要があります。
+
+メンバメソッドはメンバ変数に関数を代入でも良いのですが、通常はプロトタイプのメンバに代入します。
+
+{{{
+// クラス定義のようなもの
+function MyObject() {
+    // メンバ変数の定義
+    this.foo = "hoge";
+    this.bar = "fuga";
+    this.baz = "oyoyo";
+}
+
+// メンバメソッド定義
+MyObject.prototype = {
+    "show" = function(member) {
+        if (this[member] == null)
+            alert(member + "なんてメンバはねーよ!!");
+        else
+            alert(member + ": " + this[member]);
+    },
+    "showAll" = function() {
+        var dump = "";
+        for (var member in this) {
+            if (dump != "")
+                dump += "\n";
+            if (typeof this[member] != "string")
+                continue;
+            dump += member + ": " + this[member];
+        }
+        alert(dump);
+    }
+}
+
+// 上記を用いてオブジェクトインスタンスを生成
+var obj = new MyObject();
+
+obj.show("bar");    // "bar: fuga" と表示
+obj.showAll();      // foo, bar, baz すべて表示
+}}}