在公司项目开发中,每个人的书写风格都不一样,使得代码很难维护。
前段时间,我的导师给我建议,使得我的js书写工整了很多。
直接上代码
(function(win){
//等待触发的函数放在obj中
var obj = {
//以点击按钮查询为例
queryBtn:function(){
//执行查找代码
},
clean:function(){
}
};
//函数主入口
var main = {
initEvent:function(){
main.bindEvent();
},
//执行查询事件绑定
bindEvent:function(){
$("#btn").click(function(){
obj.queryBtn();
});
}
};
//ps :对于事件监听写在html代码时,需要暴露接口
win.openQuery = function(){
obj.queryBtn();
};
})(window);
模仿的jquery插件封装的格式,主要分为三个模块,函数主入口main->事件绑定->事件执行,
这样封装的代码简洁明了,使得代码维护性很高。