JavaScript创建命名空间(namespace)的最简实现

时间:2021-05-26

最近看Ext源代码,看到了其实现命名空间函数的实现方法:

ExtNameSpace实现代码:
复制代码 代码如下:
namespace:function(){
vara=arguments,o=null,i,j,d,rt;
for(i=0;i<a.length;++i){
d=a[i].split(".");
rt=d[0];
eval('if(typeof'+rt+'=="undefined"){'+rt+'={};}o='+rt+';');
for(j=1;j<d.length;++j){
o[d[j]]=o[d[j]]||{};
o=o[d[j]];
}
}
}



鄙人喜好最简编程(这很多时候并不是一个好习惯,写的越简单程序一般越难理解),于是就想用更短的方式解决这个问题。
尝试了将近半个小时写下了下面的实现,基本该考虑的情况都考虑,至少不会覆盖页面已经存在的函数。

实现代码如下:
复制代码 代码如下:
functionnamespace(ns){
if(typeof(ns)!="string")return;
ns=ns.split(".");
varo,ni;
for(vari=0,len=ns.length;i<len,ni=ns[i];i++){
try{o=(o?(o[ni]=o[ni]||{}):(eval(ni+"="+ni+"||{}")))}catch(e){o=eval(ni+"={}")}
}
}


你可以保存以下代码进行测试:

测试代码:

复制代码 代码如下:
<scripttype="text/javascript">
<!--
functionnamespace(ns){
if(typeof(ns)!="string")return;
ns=ns.split(".");
varo,ni;
for(vari=0,len=ns.length;i<len,ni=ns[i];i++){
try{o=(o?(o[ni]=o[ni]||{}):(eval(ni+"="+ni+"||{}")))}catch(e){o=eval(ni+"={}")}
}
}
functiona(){return5}
namespace("a.b");
alert(a);
alert(a.b)
namespace("test.test.abc")
test.test.abc.func1=function(){
alert('func1run')
}
alert(test.test)
test.test.abc.func1();
//-->
</script>

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章