Heim > Web-Frontend > js-Tutorial > JavaScript创建命名空间(namespace)的最简实现_javascript技巧

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

WBOY
Freigeben: 2016-05-16 19:07:15
Original
1087 Leute haben es durchsucht

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

Ext NameSpace实现代码: 
      

复制代码 代码如下:

  namespace : function(){ 
            var a=arguments, o=null, i, j, d, rt; 
            for (i=0; i                d=a[i].split("."); 
                rt = d[0]; 
                eval('if (typeof ' + rt + ' == "undefined"){' + rt + ' = {};} o = ' + rt + ';'); 
                for (j=1; j                    o[d[j]]=o[d[j]] || {}; 
                    o=o[d[j]]; 
                } 
            } 
        } 



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

实现代码如下:
复制代码 代码如下:

function namespace(ns){ 
    if(typeof(ns)!="string")return; 
    ns=ns.split("."); 
    var o,ni; 
    for(var i=0,len=ns.length;i       try{o=(o?(o[ni]=o[ni]||{}):(eval(ni+"="+ni+"||{}")))}catch(e){o=eval(ni+"={}")} 
    } 



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

测试代码:

复制代码 代码如下:

<script> <BR> <!-- <BR> function namespace(ns){ <BR> if(typeof(ns)!="string")return; <BR> ns=ns.split("."); <BR> var o,ni; <BR> for(var i=0,len=ns.length;i<len,ni=ns[i];i++){ <BR> try{o=(o?(o[ni]=o[ni]||{}):(eval(ni+"="+ni+"||{}")))}catch(e){o=eval(ni+"={}")} <BR> } <BR> } <BR> function a(){return 5} <BR> namespace("a.b"); <BR> alert(a); <BR> alert(a.b) <BR> namespace("test.test.abc") <BR> test.test.abc.func1=function(){ <BR> alert('func1 run') <BR> } <BR> alert(test.test) <BR> test.test.abc.func1(); <BR> //--> <BR></script>
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage