JavaScriptクラス作成方法：とりあえずまとめ

白石俊平（あゆた）
2008-03-14 18:00:00
今回は、これまで学んだことをしっかり身につけるためにも「JavaScriptでクラスを作るには」という点をしっかりおさらいしておきたいと思います。その過程で、今までお話ししていなかった事柄も少し取り上げます。
最新特集【一覧】

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

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

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

まとめ

　以上のコードをまとめると、Personクラスのコードは以下のようになります。

// コンストラクタ
function Person(name) {
  this.name = name;
}
// 静的変数
Person.AGE_UNKNOWN = -1;

// インスタンスメソッド
Person.prototype.hello = function() {
  alert("Hello, " + this.name);
};
// 属性のデフォルト値を設定
Person.prototype.age = Person.AGE_UNKNOWN;

　JavaScriptクラスの作成方法は、基本的にこのパターンです。

　最近のJavaScriptフレームワークでは、こうしたプロトタイプの操作などを隠蔽し、Javaなどと似たような形でクラスを作成できるライブラリも存在します。しかし、実現しようとしていることは上のコードとほとんど変わりません。どんな方法で作られたクラスであっても、その構造をしっかり理解できるよう、今回までの内容をしっかり押さえておきましょう。

　次回は、「プロトタイプチェイン」というテクニックについてお話ししたいと思います。プロトタイプチェインは、「継承」や「委譲」と言ったオブジェクト指向のテクニックを実現するために必要な知識です。

  • 新着記事
  • 特集
  • ブログ