js 如何简单抽象出库

代码可复用性是程序员追求的最终目的，而在变化多端且有与众不同的语法中如何构建库和所谓的模块开发。

抽象出库code

(function($,exports){
var mod = function(includes){
if(includes) this.include(includes);
}
mod.fn = mod.prototype;
mod.fn.proxy = function(func){
return $.proxy(func,this);
};
mod.fn.load = function(func){
$(this.proxy(func));
};
mod.fn.include = function(ob){
$.extend(this,ob);
};
exports.Controller = mod;
})(jQuery,window);

模块引用Controller代码

jQuery(function($){
searchView = new Controller({
elements:{
"input[type=search]":"searchInput",
"form":"searchForm"
},
init:function(element){
this.el = $(element);
this.refreshElements();
this.searchForm.click(this.proxy(this.search));
},
search:function(){
console.log("Searching:",this.searchInput.val());
return false;
},
$:function(selector){
return $(selector,this.el);
},
refreshElements:function(){
for(var key in this.elements){
this[this.elements[key]] = this.$(key);
}
}
});
});