關(guān)于JavaScript命名空間的一些心得

2019-11-20 14:45:09

字體：大中小

供稿：網(wǎng)友

最近重構(gòu)東西，碰到命名空間的設(shè)定，搜了一些知識(shí)，請(qǐng)教了一些高手，把自己的心得寫下來
相信大家都知道，window是頂級(jí)的，這里就不寫window了，先忽略

1：關(guān)于頂級(jí)

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

var ns = ns || {};

可以看到，其實(shí)就是如果發(fā)現(xiàn)沒有這個(gè)對(duì)象，就自動(dòng)創(chuàng)建new Object();如果有，就直接使用這個(gè)對(duì)象，這樣就不會(huì)覆蓋。
2: 第二級(jí)，當(dāng)然也可以在頂級(jí)的ns下創(chuàng)建第二級(jí)，即

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

ns.ModuleClass = {};

可以看到，在ns下創(chuàng)建了一個(gè)類，當(dāng)然也可以繼續(xù)創(chuàng)建類里的方法，即是這種：

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

ns.ModuleClass.method1= function() {////};

3：多級(jí)應(yīng)該怎么做呢，比如這種com.qw.view，我想把他設(shè)成一個(gè)命名空間，這就要對(duì)每一個(gè)點(diǎn)分隔的名稱進(jìn)行分別設(shè)置命名空間，分別設(shè)成對(duì)象

我們看一個(gè)例子，把他設(shè)置在window下：

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

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

可以看到確實(shí)是我上面說的思路，用了一個(gè)遍歷，把分隔的全部設(shè)成對(duì)象，這樣每個(gè)分隔的都可以單獨(dú)用。

4：列一下常用的，簡單快捷的設(shè)置命名空間的小技巧吧

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

if (!window.ns) { 
  window.ns = {};
} 
var ns; 
if(typeof ns == "undefined"){ 
  ns = {}; 
} 
if(typeof ns.ClassName == "undefined"){
  ns.ClassName = {};
}