JavaScript 代碼一般最常見的文法格式就是定義函數 function xxx(){/*code...*/},經常有這樣的一大堆函數定義。函數名很容易發生衝突,特別是引入多個js檔案時,衝突的情況尤為明顯。因此也就有引入命名空間的必要。
Javascript 本身沒有命名空間的概念,需要用對象類比出來。
比如定義一個命名空間的類,用於建立命名空間:
function NameSpace(){
}
這是一個建構函式,但卻不做任何事情,再來下面和評論有關的代碼:
var comment = new NameSpace();
comment.list = function(){/*code...*/};
comment.counter = 0;
第一行建立所謂命名空間(其實就是一個空白對象),名為comment,第二、三行定義該空間下的兩個方法。調用時可以使用 comment.list() 或者 comment.counter++ 等;
再建立子命名空間:
comment.add = new NameSpace();
comment.add.post = function(){/*code...*/}
comment.add.check = function(){}
之所以引入命名空間的概念,是為了避免函數名相同的問題。上面的過程也可以這樣定義:
var comment = {
list : function(){/*code...*/},
add : {
post : function(){/*code...*/},
check : function(){/*code...*/}
}
}
prototype.js 裡面就大量使用這種方式,雖然這種方式更直觀地像一棵樹,但只要節點稍多一些,眼睛就忙於尋找這些節點的關係,命名空間的做法是橫向地描述這種關係樹,層次關係直接表現在字面上,兩種方式效果一致,但書寫風格卻各有特點。
再擴充一個方法:
NameSpace.prototype.appendChild = function(ns){
for (var key in ns){
this[key] = ns[key];
}
return this;
}
NameSpace.prototype.copyChild = NameSpace.prototype.appendChild;