JavaScript 編程引入命名空間的方法
更新時間:2007年06月29日 00:00:00 作者:
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)在字面上,兩種方式效果一致,但書寫風(fēng)格卻各有特點。
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)在字面上,兩種方式效果一致,但書寫風(fēng)格卻各有特點。
相關(guān)文章
JS實現(xiàn)table表格數(shù)據(jù)排序功能(可支持動態(tài)數(shù)據(jù)+分頁效果)
這篇文章主要介紹了JS實現(xiàn)table表格數(shù)據(jù)排序功能(可支持動態(tài)數(shù)據(jù)+分頁效果) 的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友一起看看吧2016-05-05
JavaScript如何實現(xiàn)在文本框(密碼框)輸入提示語
為了更好的達到用戶體驗度,我們在登錄表單時會有一些提示語言,比如說:“請輸入用戶名”和“請輸入密碼”等語言,下面小編通過本篇文章給大家分享JavaScript如何實現(xiàn)在密碼框中出現(xiàn)提示語,對js密碼框提示語相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2015-12-12
靈活應(yīng)用js調(diào)試技巧解決樣式問題的步驟分享
在很多時候,前端開發(fā)人員使用JS腳本,對頁面Dom結(jié)構(gòu)或者是樣式做出了修改,會造成一些意想不到的bug
2012-03-03 
