Javascript设计模式之：加载时的分支

由于各个浏览器的兼容问题，在写脚本的时候经常会为了兼容多个浏览器而写多个分支。
判断浏览器的方法一种是使用userAgent，一种是使用特性判断，这里以特性判断为例。
例如：

function addEvent(obj, type, func){
  if(document.addEventListener){
    obj.addEventListener(type, func, false);
  }else if(document.attachEvent){
    obj.attachEvent('on' + type, func);
  }
}

这种方法使用判断document特性来判断应该使用哪种方法进行事件绑定。
这样我们在给某个dom添加属性的时候可能就会这样调用：
addEvent($('div1'), 'click', func);

问题就在这里。我们在做拖动效果的时候，会不断的绑定和解绑mousemove方法，这样我们每绑定一次程序就会判断一次。有没有方法只进行一次判断呢？
当然有的：

if(document.addEventListener){
  var addEvent = function (obj, type, func){
    obj.addEventListener(type, func, false);
  }
}else if(document.attachEvent){
  var addEvent = function (obj, type, func){
    obj.attachEvent('on' + type, func);
  }
}

这样我们在初始化的时候就声明了方法,总共只有一个分支，以后调用addEvent的时候便不会有分支了。