JavaScript 編程引入命名空間的方法
更新時(shí)間:2007年06月29日 00:00:00 作者:
JavaScript 代碼一般最常見的語法格式就是定義函數(shù) function xxx(){/*code...*/},經(jīng)常有這樣的一大堆函數(shù)定義。函數(shù)名很容易發(fā)生沖突,特別是引入多個(gè)js文件時(shí),沖突的情況尤為明顯。因此也就有引入命名空間的必要。
Javascript 本身沒有命名空間的概念,需要用對(duì)象模擬出來。
比如定義一個(gè)命名空間的類,用于創(chuàng)建命名空間:
function NameSpace(){
}
這是一個(gè)構(gòu)造函數(shù),但卻不做任何事情,再來下面和評(píng)論有關(guān)的代碼:
var comment = new NameSpace();
comment.list = function(){/*code...*/};
comment.counter = 0;
第一行創(chuàng)建所謂命名空間(其實(shí)就是一個(gè)空白對(duì)象),名為comment,第二、三行定義該空間下的兩個(gè)方法。調(diào)用時(shí)可以使用 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é)點(diǎn)稍多一些,眼睛就忙于尋找這些節(jié)點(diǎn)的關(guān)系,命名空間的做法是橫向地描述這種關(guān)系樹,層次關(guān)系直接表現(xiàn)在字面上,兩種方式效果一致,但書寫風(fēng)格卻各有特點(diǎn)。
Javascript 本身沒有命名空間的概念,需要用對(duì)象模擬出來。
比如定義一個(gè)命名空間的類,用于創(chuàng)建命名空間:
function NameSpace(){
}
這是一個(gè)構(gòu)造函數(shù),但卻不做任何事情,再來下面和評(píng)論有關(guān)的代碼:
var comment = new NameSpace();
comment.list = function(){/*code...*/};
comment.counter = 0;
第一行創(chuàng)建所謂命名空間(其實(shí)就是一個(gè)空白對(duì)象),名為comment,第二、三行定義該空間下的兩個(gè)方法。調(diào)用時(shí)可以使用 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é)點(diǎn)稍多一些,眼睛就忙于尋找這些節(jié)點(diǎn)的關(guān)系,命名空間的做法是橫向地描述這種關(guān)系樹,層次關(guān)系直接表現(xiàn)在字面上,兩種方式效果一致,但書寫風(fēng)格卻各有特點(diǎn)。
相關(guān)文章
Javascript設(shè)置對(duì)象的ReadOnly屬性(示例代碼)
本篇文章主要介紹了Javascript設(shè)置對(duì)象的ReadOnly屬性(示例代碼) 需要的朋友可以過來參考下,希望對(duì)大家有所幫助2013-12-12js實(shí)現(xiàn)無縫滾動(dòng)雙圖切換效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)無縫滾動(dòng)雙圖切換效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-07-07小程序雙頭slider選擇器的實(shí)現(xiàn)示例
這篇文章主要介紹了小程序雙頭slider選擇器的實(shí)現(xiàn)示例,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03js實(shí)現(xiàn)的復(fù)制兼容chrome和IE
這篇文章主要介紹了js在chrome和IE下分別實(shí)現(xiàn)復(fù)制,需要的朋友可以參考下2014-04-04html+css+js實(shí)現(xiàn)canvas跟隨鼠標(biāo)的小圓特效源碼
這篇文章主要介紹了html+css+js實(shí)現(xiàn)canvas跟隨鼠標(biāo)的小圓特效源碼,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-03-03