快捷導(dǎo)航

在JavaScript中實現(xiàn)命名空間

更新時間：2006年11月23日 00:00:00 作者：

注：好久沒寫了，今天把我在公司內(nèi)網(wǎng)寫的文章拷一份，出來露露臉，剛轉(zhuǎn)Web開發(fā)，所以開始學(xué)javascript！

在引入命名空間之前，一個令開發(fā)人員頭疼的問題就是如何防止函數(shù)名/類名和其他人的沖突，在一個公司內(nèi)部項目組之間可以通過命名預(yù)定（比如加前綴等）解決這個問題，但是把視線放到整個軟件開發(fā)領(lǐng)域，在當(dāng)今協(xié)作開發(fā)相當(dāng)盛行的時代，這個問題卻依然存在。在使用多個第三方框架或類庫的時候，你唯一能作的就是祈禱它們的命名不要沖突，如果真正發(fā)生這種災(zāi)難的話，你唯一能作的就是放棄其中一個（注：可能是我孤陋寡聞，呵呵）。命名空間的引入相當(dāng)程度上解決了這個問題，當(dāng)然，如果你使用的命名空間和其他公司不幸一樣，而對方又是微軟、SUN等大佬，那恭喜你，呵呵@_@!

從事Web開發(fā)不可避免要接觸JavaScript，目前最新版本的JavaScript還是不支持命名空間，所以命名沖突的問題凸顯無疑，想象一下你引用了兩個js文件，卻發(fā)現(xiàn)由于命名問題導(dǎo)致你不得不放棄其中一個，從而導(dǎo)致多寫了許多代碼，無疑是十分令人沮喪的。在JavaScript新版本引入命名空間概念之前，發(fā)揚自立更生精神和創(chuàng)造性是我們程序員的基本義務(wù);-)

實現(xiàn)前提：與Delphi、C#等語言不同，JavaScript中的類并不是對象的定義，事實上JavaScript中并不存在真正的類，這里的類實際上是用函數(shù)模擬實現(xiàn)的，而JavaScript中的函數(shù)實際上是一個對象，因此在JavaScript中：一個類就是一個對象。這和傳統(tǒng)概念概念極為不同，在JavaScript中，創(chuàng)建某個類的實例實際上就是將類（=對象，記?。?fù)制了一份?？吹竭@里，有點設(shè)計模式概念的應(yīng)該就可以看出來了，在JavaScript中，類機制使用了原型（prototype）模式。

實現(xiàn)原理：既然看清楚了類的本質(zhì)，那么問題就簡單了，如果將GEA項目組所有JS類和函數(shù)作為屬性放在名為GEA的對象里面，然后將GEA對象以屬性的方式放在名為Grandsoft對象里面不就可以達(dá)到我們的目的，比如Grandsoft.GEA.Person實際上是在Grandsoft對象的屬性GEA（也是一個對象）中的類Person（還是一個對象）。

實現(xiàn)非常簡單，整個命名空間機制的實現(xiàn)不超過20行代碼，分析如下：

// 聲明一個全局對象Namespace，用來注冊命名空間

復(fù)制代碼代碼如下:

Namespace = new Object();  

// 全局對象僅僅存在register函數(shù)，參數(shù)為名稱空間全路徑，如"Grandsoft.GEA"  
Namespace.register = function(fullNS)  
{  
    // 將命名空間切成N部分, 比如Grandsoft、GEA等  
    var nsArray = fullNS.split('.');  
    var sEval = "";  
    var sNS = "";  
    for (var i = 0; i < nsArray.length; i++)  
    {  
        if (i != 0) sNS += ".";  
        sNS += nsArray[i];  
        // 依次創(chuàng)建構(gòu)造命名空間對象（假如不存在的話）的語句  
        // 比如先創(chuàng)建Grandsoft，然后創(chuàng)建Grandsoft.GEA，依次下去  
        sEval += "if (typeof(" + sNS + ") == 'undefined') " + sNS + " = new Object();"  
    }  
    if (sEval != "") eval(sEval);  
}  
上面就是在JavaScript中模擬命名空間機制的完整實現(xiàn)，使用方式如下：  


// 注冊命名空間Grandsoft.GEA, Grandsoft.GCM  
Namespace.register("Grandsoft.GEA");  
Namespace.register("Grandsoft.GCM");  

// 在Grandsoft.GEA命名空間里面聲明類Person  
Grandsoft.GEA.Person = function(name, age)  
{  
    this.name = name;  
    this.age = age;  
}  

// 給類Person添加一個公共方法show()  
Grandsoft.GEA.Person.prototype.show = function()  
{  
    alert(this.name + " is " + this.age + " years old!");  
}  

// 演示如何使用類Person  
var p = new Grandsoft.GEA.Person("yanglf", 25);  
p.show(); 