JavaScript 钩子机制(1)

时间:2013-03-06 14:58来源:未知作者:admin 点击: 次

分享到：

介绍今天大家开会共同解决了一些javascript方面的问题，大家一起想办法，最终大家选择了钩子机制。我把整个过程与大家分享一下，如果有误，请大家指正。问题是这样的：我们的

介绍

今天大家开会共同解决了一些javascript方面的问题，大家一起想办法，最终大家选择了钩子机制。

我把整个过程与大家分享一下，如果有误，请大家指正。

问题

是这样的：我们的代码已经历史很久了，就这一套框架已经快5年了，在这中间大家也没有标准的代码规范，很随意的进行了代码编写，所以出现了很多问题：

1、如制造了很多重复的轮子。一套方法在多个文件中出现，大家调用的也五花八门，所以同事在一个方法（登录）中添加逻辑的时候发现，多个地方都有这样登录操作，修改起来非常麻烦。

2、代码结构混乱，分工不明确，本来公共类做的事情，导航类也做了类似的操作。

3、回调函数的使用，出现多个回调函数，从而出现一个回调函数会覆盖前一个回调函数的情况。

前两个问题，我首先把所有的入口文件（调用登录的方法）统一使用公共类中的方法，并且是一个入口一个入口的进行验证，保证代码的安全性、稳定性。并且不删除原有的方法，害怕有遗漏。然后计划是一个月之后，再进行一次全站搜索看是否有人还使用其他接口，然后删除那些重复的方法。

下面主要讨论第三个问题的解决方法。

委托方法

我们讨论过使用委托方法，把所有的回调函数注册到一个数组变量中，然后集中处理数组变量中的函数，这样就不会出现后面的函数冲击前面的函数问题。——因为原来回调函数就一个。

下面是具体的代码过程

定义全局变量

<head>  
       <script type="text/javascript">  
              var calls = [];       </script>  
</head>

注册方法

function need_register(){  
}  
function test(){  
      calls.push('need_register');  
}

最终执行注册代码　

function callback(){  
     var calls = calls || [];  
     if(calls.length === 0) return false;  
     for(var i=0, iLen = calls.length; i < iLen; i++){  
             calls[i].apply();  
      }  
}