优化模式

初始化时分支，也称加载时分支是一种优化模式，当知道某个条件在整个程序生命周期内不会发生改变的时候，进队该条件测试一次是很有意义的。

以事件监听代码为例：

var utils={
    addListener: function (el, type, fn) {
        if(typeof window.addEventListener==="function"){
            el.addEventListener(type,fn,false);
        }else if(typeof window.attachEvent==="function"){  //IE浏览器
            el.attachEvent("on"+type,fn);
        }else{  //更早版本浏览器
            el["on"+type]=fn;
        }
    },
    removeListener: function (el, type, fn) {
        if(typeof window.removeEventListener==="function"){
            el.removeEventListener(type,fn,false);
        }else if(typeof window.detachEvent==="function"){
            el.detachEvent("on"+type,fn);
        }else{
            el["on"+type]=null;
        }
    }
};

以上代码的问题在于效率比较低下，每次在调用addListener()或removeListener()时，都会重复地执行相同的检查

当使用初始化时分支的时候，可以在脚本初始化加载时一次性探测出浏览器特征。

修改后的代码如下：

var  utils={
    addListener:null,
    removeListener:null
};
if(typeof window.addEventListener==="function"){
    utils.addListener= function (el, type, fn) {
        el.addEventListener(type,fn,false);
    };
    utils.removeListener= function (el, type, fn) {
        el.removeEventListener(type,fn,false);
    };
}else if(typeof window.attachEvent==="function"){
    utils.addListener= function (el, type, fn) {
        el.attachEvent("on"+type,fn);
    };
    utils.removeListener= function (el, type, fn) {
        el.detachEvent("on"+type,fn);
    };
}else{
    utils.addListener= function (el, type, fn) {
        el["on"+type]=fn;
    };
    utils.removeListener= function (el, type, fn) {
        el["on"+type]=null;
    };
}

分开嗅探浏览器特征，然后使用加载时分支仅执行一次嗅探。