JavaScript 編程引入命名空間的方法與代碼

2024-09-06 12:41:46

字體：大中小

供稿：網(wǎng)友

JavaScript 代碼一般最常見的語法格式就是定義函數(shù) function xxx(){/*code...*/}，經(jīng)常有這樣的一大堆函數(shù)定義。函數(shù)名很容易發(fā)生沖突，特別是引入多個js文件時，沖突的情況尤為明顯。因此也就有引入命名空間的必要。
Javascript 本身沒有命名空間的概念，需要用對象模擬出來。
比如定義一個命名空間的類，用于創(chuàng)建命名空間：

function NameSpace(){
}

這是一個構(gòu)造函數(shù)，但卻不做任何事情，再來下面和評論有關(guān)的代碼：

var comment = new NameSpace();
comment.list = function(){/*code...*/};
comment.counter = 0;

第一行創(chuàng)建所謂命名空間（其實就是一個空白對象），名為comment，第二、三行定義該空間下的兩個方法。調(diào)用時可以使用 comment.list() 或者 comment.counter++ 等；
再創(chuàng)建子命名空間：

comment.add = new NameSpace();
comment.add.post = function(){/*code...*/}
comment.add.check = function(){}

之所以引入命名空間的概念，是為了避免函數(shù)名相同的問題。上面的過程也可以這樣定義：

var comment = {
list : function(){/*code...*/},
add  : {
  post  :  function(){/*code...*/},
  check :  function(){/*code...*/}
}
}

prototype.js 里面就大量使用這種方式，雖然這種方式更直觀地像一棵樹，但只要節(jié)點稍多一些，眼睛就忙于尋找這些節(jié)點的關(guān)系，命名空間的做法是橫向地描述這種關(guān)系樹，層次關(guān)系直接表現(xiàn)在字面上，兩種方式效果一致，但書寫風格卻各有特點。

再擴展一個方法：

NameSpace.prototype.appendChild = function(ns){
for (var key in ns){
this[key] = ns[key];
}
return this;
}
NameSpace.prototype.copyChild = NameSpace.prototype.appendChild;

上一篇：javascript據(jù)option的value值快速設(shè)定初始的selected選項

下一篇：javascript 控制超級鏈接的樣式代碼