読者です 読者をやめる 読者になる 読者になる

JavaScriptオブジェクト思考*1#01

prototypeを用いたクラスの作成と継承

クラス作成
Super = function(){};
Super.prototype =
{
    prop1 : "prop1",
    prop2 : "prop2"
};
クラスの継承
Basic = function(){};
Basic.prototype = new Super;
Basic.prototype.method1 = function(){};
Basic.prototype.method2 = function(){};
でもインスタンス化が必要
basic = new Basic;
basic.method1();

少し工夫

関数の実装
Factory = function(o)
{
    var f = function(){};
    f.prototype = o;
    return new f;
};
オブジェクトを作成し継承する
Super = {};
Super.prop1 = "prop1";
Super.prop2 = "prop2";

Basic = Factory(Super);
Basic.method1 = function(){};
Basic.method2 = function(){};

alert(Basic.prop1); // prop1
alert(Basic.prop2); // prop2
実装次第

結局prototypeはオブジェクトであるのでオブジェクトを代入する限りprototypeチェーンは繋がりますよと。別名前空間のオブジェクトをインポートできるので便利かもなと。

こんなことも

Singleton = function()
{
    var f = function(){};
    f.prototype = Super; // Super限定です。
    return function(){
        return new f;
    }
}();

super1 = new Singleton;
super2 = new Singleton;