javascript 闭包暴露句柄和命名冲突的解决方案
暴露
最近在琢磨前端Js开源项目的东西,然后就一直好奇他们是怎么句柄暴露出来的,特整理一下两种方法。
-
将对象悬挂到window下面。
-
不使用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函数中,转换回来,并返回当前库的引用。
just do myself