田舎の技術者が奮闘中

php ruby node.js javascript などのスクリプト言語とサーバー(Chef、Vagrant)に関して書きます。

jqueryでのオブジェクト継承テンプレート

会社のJavascriptの神様から、Jqueryでのオブジェクト継承のテンプレートを教えてもらいました。
色々な所で活用できそうですので、メモ代わりに記事にしておきます。

最初の一行目と最後の行はおまじないみたいなものです><

親オブジェクト

(function($, window, document, undefined){

    $.parent = function (option){
        this.option = {}
        this._extends(option);
        this._init();
    };

    $.parent.prototype = {
        _extends:function(option){
            if(option === undefined) { return; }
            for(var param in option){
                this.option[param] = option[param];
            }
        },
        _init:function (){
        },
    };

})(jQuery, this, this.document);


継承後のオブジェクト

(function($, window, document, undefined){

    $.child= function (option){
        this.option = {}
        this._extends(option);
        this.init();
    };

    //定数
    $.ModalConfirm.DEFINE = "";

    $.child.prototype = new $.parent();

    $.extend($.child.prototype,{
        init: function() {
            this._init();
        }
})(jQuery, this, this.document);

呼び出し方

instance = new $.child();

以上!