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

來源:互聯網
上載者:User

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;

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.