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

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的时候便不会有分支了。

查看更多 下一篇