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();
以上!