快捷導(dǎo)航

JavaScript創(chuàng)建命名空間(namespace)的最簡(jiǎn)實(shí)現(xiàn)

更新時(shí)間：2007年12月11日 18:57:54 投稿：mdxy-dxy

JavaScript創(chuàng)建命名空間(namespace)通過(guò)自定義函數(shù)進(jìn)行類型判斷、數(shù)組遍歷、函數(shù)執(zhí)行等相關(guān)操作來(lái)實(shí)現(xiàn)命名空間的功能,需要的朋友可以參考一下

最近看Ext源代碼，看到了其實(shí)現(xiàn)命名空間函數(shù)的實(shí)現(xiàn)方法：

Ext NameSpace實(shí)現(xiàn)代碼：

復(fù)制代碼代碼如下:

  namespace : function(){  

            var a=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]];  

                }  

            }  

        }

鄙人喜好最簡(jiǎn)編程（這很多時(shí)候并不是一個(gè)好習(xí)慣，寫的越簡(jiǎn)單程序一般越難理解），于是就想用更短的方式解決這個(gè)問(wèn)題。
嘗試了將近半個(gè)小時(shí)寫下了下面的實(shí)現(xiàn)，基本該考慮的情況都考慮，至少不會(huì)覆蓋頁(yè)面已經(jīng)存在的函數(shù)。

實(shí)現(xiàn)代碼如下：

復(fù)制代碼代碼如下:

function namespace(ns){  

    if(typeof(ns)!="string")return;  

    ns=ns.split(".");  

    var o,ni;  

    for(var i=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+"={}")}  

    }  

}

你可以保存以下代碼進(jìn)行測(cè)試：

測(cè)試代碼：

復(fù)制代碼代碼如下:

<script type="text/javascript">  

  <!--  

    function namespace(ns){  

        if(typeof(ns)!="string")return;  

        ns=ns.split(".");  

        var o,ni;  

        for(var i=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+"={}")}  

        }  

    }  

    function a(){return 5}  

    namespace("a.b");  

    alert(a);  

    alert(a.b)  

    namespace("test.test.abc")  

    test.test.abc.func1=function(){  

        alert('func1 run')  

    }  

    alert(test.test)  

    test.test.abc.func1();  

  //-->  

</script>