javascript 闭包暴露句柄

2019独角兽企业重金招聘Python工程师标准>>>

    

最近在琢磨前端Js开源项目的东西，然后就一直好奇他们是怎么句柄暴露出来的，特整理一下两种方法。

1. 将对象悬挂到window下面。

2. 不使用var进行变量声明。

下面上代码：

(function(win){
    var needExpose={
        test:"ok"
    };
    if(!win['needExpose']){
        win['needExpose'] =needExpose;
    }    
})(window)
var needExpose=window['needExpose'];
console.log(needExpose.test);//ok

//第二种
(function(){
    needExpose={//不用var
        test:"ok"
    }; 
})()
console.log(needExpose.test);//ok

这两种方案，第二种是不可用`use strict`来对项目中的代码进行约束的，而且如果命名冲突的话，就粗问题了。

第一种方案解决冲突的方法，可以这么搞。

var needExpose=window['needExpose']={test:"prev"};
(function(win){
    
    var needExpose={
        test:"ok",
        conflict:function(){
            var re = needExpose;
            needExpose =window['needExpose']= _needExpose;
            return re;
        }
    };

    var _needExpose=win['needExpose'];
    
    win['needExpose'] =needExpose;
    
})(window) 
var needExpose=window['needExpose'];
console.log(needExpose.test)//ok
var newVar=needExpose.conflict();
console.log(needExpose.test)//pre
console.log(newVar.test) //ok

缓存先前加载库的引用，然后在conflict函数中，转换回来，并返回当前库的引用。

转载于:https://my.oschina.net/myprogworld/blog/228668