JavaScript創(chuàng)建命名空間(namespace)的最簡實現

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

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

最近看Ext源代碼，看到了其實現命名空間函數的實現方法：

Ext NameSpace實現代碼：

  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]];  

                }  

            }  

        }

鄙人喜好最簡編程（這很多時候并不是一個好習慣，寫的越簡單程序一般越難理解），于是就想用更短的方式解決這個問題。
嘗試了將近半個小時寫下了下面的實現，基本該考慮的情況都考慮，至少不會覆蓋頁面已經存在的函數。

實現代碼如下：

復制代碼代碼如下:

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+"={}")}  

    }  

}

你可以保存以下代碼進行測試：

測試代碼：

復制代碼代碼如下:

<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>