js 不用重複資料偵測瀏覽器提高效率

這裡以拿 添加事件樣本 複製代碼 代碼如下:// 方式1
function addEvent(el, type, fn){
if(el.addEventListener){
el.addEventListener(type, fn, false);
}else{
el.attachEvent('on'+type, fn)
}
}

// 方式2
var addEvent = document.addEventListener ?
function(el, type, fn) {el.addEventListener(type, fn, false);} :
function(el, type, fn) {el.attachEvent('on'+type, fn)};

方式1在函數內做判斷，每次給元素添加事件都需判斷一次，效率相對低一些。
jQuery 1.6.1/Prototype 1.7/Mootools 1.3/tangram 1.3.6/reg.js/right.js都是採用這種分支方式。

方式2使用了兩個匿名函數，僅在初始化時判斷一次，後每次調用無須判斷。效率相對高一些。
Ext/kissy/qwrap 採用這種分支寫法。