在公司项目开发中,每个人的书写风格都不一样,使得代码很难维护。
前段时间,我的导师给我建议,使得我的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->事件绑定->事件执行,
这样封装的代码简洁明了,使得代码维护性很高。