[分享] 如何写好js代码_Android, Python及开发编程讨论区_Weblogic技术|Tuxedo技术|中间件技术|Oracle论坛|JAVA论坛|Linux/Unix技术|hadoop论坛_联动北方技术论坛  
网站首页 | 关于我们 | 服务中心 | 经验交流 | 公司荣誉 | 成功案例 | 合作伙伴 | 联系我们 |
联动北方-国内领先的云技术服务提供商
»  游客             当前位置:  论坛首页 »  自由讨论区 »  Android, Python及开发编程讨论区 »
总帖数
3
每页帖数
101/1页1
返回列表
0
发起投票  发起投票 发新帖子
查看: 1981 | 回复: 2   主题: [分享] 如何写好js代码        下一篇 
qq_1435287279089
注册用户
等级:上尉
经验:560
发帖:36
精华:0
注册:2015-6-26
状态:离线
发送短消息息给qq_1435287279089 加好友    发送短消息息给qq_1435287279089 发消息
发表于: IP:您无权察看 2015-8-21 10:41:48 | [全部帖] [楼主帖] 楼主

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

这样封装的代码简洁明了,使得代码维护性很高。




赞(0)    操作        顶端 
dream007
注册用户
等级:少校
经验:1086
发帖:53
精华:0
注册:2015-7-2
状态:离线
发送短消息息给dream007 加好友    发送短消息息给dream007 发消息
发表于: IP:您无权察看 2015-8-21 10:50:18 | [全部帖] [楼主帖] 2  楼

北京联动北方科技有限公司确实这样可维护性挺高的!感觉楼主分享!



赞(0)    操作        顶端 
hui.chen
注册用户
等级:大校
经验:6070
发帖:48
精华:4
注册:2014-2-7
状态:离线
发送短消息息给hui.chen 加好友    发送短消息息给hui.chen 发消息
发表于: IP:您无权察看 2015-8-25 9:44:00 | [全部帖] [楼主帖] 3  楼

要是程序员都能有这个习惯,开发做起来就没那么累了


u=2871144702,1362725177&fm=21&gp=0.jpg.gif


赞(0)    操作        顶端 
总帖数
3
每页帖数
101/1页1
返回列表
发新帖子
请输入验证码: 点击刷新验证码
您需要登录后才可以回帖 登录 | 注册
技术讨论