最近重構東西,碰到命名空間的設定,搜了一些知識,請教了一些高手,把自己的心得寫下來
相信大家都知道,window是頂級的,這裡就不寫window了,先忽略
1:關於頂級
複製代碼代碼如下:var ns = ns || {};
可以看到,其實就是如果發現沒有這個對象,就自動創建new Object();如果有,就直接使用這個對象,這樣就不會覆蓋。
2: 第二級,當然也可以在頂級的ns下創建第二級,即
複製代碼代碼如下:ns.ModuleClass = {};
可以看到,在ns下創建了一個類,當然也可以繼續創建類裡的方法,即是這種:
複製代碼代碼如下:ns.ModuleClass.method1= function() {////};
3:多級應該怎麼做呢,比如這種com.qw.view,我想把他設成一個命名空間,這就要對每一個點分隔的名稱進行分別設置命名空間,分別設成對象
我們看一個例子,把他設置在window下:
複製代碼代碼如下:
function namespace(sSpace) {
var arr = sSpace.split('.'),i = 0,nameI;
var root = window;
for (; nameI = arr[i++];) {
if (!root[nameI]) {
root[nameI] = {};
}
root = root[nameI];
}
return root;
}
可以看到確實是我上面說的思路,用了一個遍歷,把分隔的全部設成對象,這樣每個分隔的都可以單獨用。
4:列一下常用的,簡單快捷的設置命名空間的小技巧吧
複製代碼代碼如下:
if (!window.ns) {
window.ns = {};
}
var ns;
if(typeof ns == "undefined"){
ns = {};
}
if(typeof ns.ClassName == "undefined"){
ns.ClassName = {};
}