闭包和重写函数 返回IE浏览器版本号

开发过程中我们有时候需要知道IE的版本号，我们知道得到IE的版本号的方法：

    var v = 3,
        div = document.createElement('div'),
        all = div.getElementsByTagName('i');
    while (
        div.innerHTML = '<!--[if gt ie ' + (++v) + ']><i></i><![endif]-->',
        all[0]
    );
    v = v > 4 ? v : false;

我们把它写成一个函数：

function getIEVersion(){
    var v = 3,
        div = document.createElement('div'),
        all = div.getElementsByTagName('i');
    while (
        div.innerHTML = '<!--[if gt ie ' + (++v) + ']><i></i><![endif]-->',
        all[0]
    );
    v = v > 4 ? v : false;
    
    return v;
}

总不能每次获取IE版本都执行函数里的代码，所以，我们可以直接获取浏览器的版本号：

var _IEVersion = (function(){
    var v = 3,
        div = document.createElement('div'),
        all = div.getElementsByTagName('i');
    while (
        div.innerHTML = '<!--[if gt ie ' + (++v) + ']><i></i><![endif]-->',
        all[0]
    );
    v = v > 4 ? v : false;
    
    return v;
})();

 

这样，每次代码都默认执行一次获取IE浏览器的版本号了，即使我们没有必要使用变量_IEVersion。所以我们想只有在需要获取版本号时再执行代码，因此：

function getIEVersion() {
    var v = 3,
        div = document.createElement('div'),
        all = div.getElementsByTagName('i');
    while (
        div.innerHTML = '<!--[if gt ie ' + (++v) + ']><i></i><![endif]-->',
        all[0]
    );
    v = v > 4 ? v : false;
    
    this.getIEVersion = function(){return v}

    return v;
}

 

以上的实现方式只有在第一次调用的时候执行获取版本号，以后获取的话就直接返回上次执行的结果值。以上方法是在第一次执行后修改了getIEVersion函数，形成闭包，以后调用的话直接返回值。其中的以上代码中的第11行中的写法本来可以用arguments.callee的，但在新的标准中废除了不建议使用，主要是性能比较低，参考。

另外一种实现方式，直接形成闭包，返回函数：

var getIEVersion = (function(){
    
    var _v = undefined
            ,isInit = false;

    return function() {
        if(isInit){
            return _v;
        }else{
            var v = 3,
                div = document.createElement('div'),
                all = div.getElementsByTagName('i');
            while (
                div.innerHTML = '<!--[if gt ie ' + (++v) + ']><i></i><![endif]-->',
                all[0]
            );
            isInit = true;
            return _v = (v > 4 ? v : false);
        }
    }

})();

 

最后这两种方法的实现有各自的优缺点，使用场景上，我感觉倒二种方法用于当做公共的全局方法，最后一种实现方式适合用于公共方法对象的某个属性方法。