惰性加载函数

1.常规

var addEvent=function(elem,type,handler){
  if(window.addEventListener){
    return elem.addEventListener(type,handler,false);
  }
  if(window.attachEvent){
    return elem.attachEvent('on'+type,handler)
  }
}

缺点:每次调用都会执行条件判断,可避免

2.改进,只在加载时做判断

var addEvent=(function(){
  if(window.addEventListener){
    return function(elem,type,handler){
      elem.addEventListener(type,handler,false);
    }
  }
  if(window.attachEvent){
    return function(elem,type,handler){
      elem.attachEvent('on'+type,handler);
    }
  }
})();

缺点:虽避免了判断,但如果从未使用过addEvent函数,那么第一次浏览器嗅探成为多余

3.惰性载入,重写函数

var addEvent=function(elem,type,handler){
  if(window.addEventListener){
    addEvenr=function(elem,type,hander){
      elem.addEventListenr(type,handler,false)
    }
  }
  else if(window.attachEvent){
    addEvent=function(elem,type,handler){
      elem.attachEvent('on'+type,handler);
    }
  }
  addEvent(elem,type,handler);
};
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 前端开发不可避免的会有跨浏览器的需求,为了兼容各浏览器,绝大时候我们的处理方式都是用几个if...else或者tr...
    哦啦吧啦丶阅读 6,205评论 0 4
  • 处理 IE 兼容性问题时,一般会进行一些嗅探操作,如何更好的解决这个问题呢? 例如下面自定义绑定事件函数: 标准写...
    rocneal阅读 1,351评论 0 0
  • 在线阅读 http://interview.poetries.top[http://interview.poetr...
    前端进阶之旅阅读 115,362评论 24 450
  • 对于大多数单身的人来说 “偶尔庆幸单身 偶尔羡慕情侣”是最真实的写照。 去一个喜欢的城市旅行,也会想“要是有你在就...
    陈子淏阅读 4,821评论 1 15
  • 一、教材的分析与教材处理 1、教材的地位与作用 一节绘画课,它通过对儿童画这一特殊绘画艺术语言的讲解与练习,使学生...
    老泡儿阅读 8,329评论 0 6

友情链接更多精彩内容