设计模式（惰性模块）

惰性模式：减少每次代码 执行时重复的分支判断，通过对对象重新定义屏蔽原对象中的分支判断。

浏览器兼容算是比较头疼的问题，大家都会遇到某些属性浏览器支持，有些不支持；就像早期的ie不支持addEventListener一样，每次需要针对ie写不同的代码判断去兼容。惰性模式就是为了减少每次重复判断。

惰性模式两种定义方式：

第一种：在文件加载初始化时候：(这是一种闭包方式，在初始化时候进行支持性判断后，重新定义)

addevent = function(ele,type,fn) {
if(document.addEventListener) {
return function(ele, type, fn) {
ele.addEventListener(type, fn, false)
}
} else if(document.attachEvent) {
return function(ele, type, fn) {
ele.attachEvent("on" + type, fn);
}
} else {
return function(ele, type, fn) {
ele["on" + type] = fn;
}
}
}();

第二种：在第一次调用定义的方法时候，重新定义

onevent = function(ele, type, fn) {
if(document.addEventListener) {
onevent = function(ele, type, fn) {
ele.addEventListener(type, fn, false)
}
} else if(document.attachEvent) {
onevent = function(ele, type, fn) {
ele.attachEvent("on" + type, fn);
};
} else {
onevent = function(ele, type, fn) {
ele["on" + type] = fn;
}
}
onevent(ele, type, fn)
}

上述两种方法是为了减少每次在调用方法时候，重复性的判断。两种方法的区别：第一种：在加载初始化时候可能占资源，第二种：在第一次调用时候，需要重新定义，然后在方法最后需要自己再调用下新方法。两种方法可根据自己需要进行选择。