? ? ?引入命名空間之前，一個(gè)令開發(fā)人員頭疼的問題就是如何防止函數(shù)名/類名和其他人的沖突，在一個(gè)公司內(nèi)部項(xiàng)目組之間可以通過命名預(yù)定（比如加前綴等）解決這個(gè)問題，但是把視線放到整個(gè)軟件開發(fā)領(lǐng)域，在當(dāng)今協(xié)作開發(fā)相當(dāng)盛行的時(shí)代，這個(gè)問題卻依然存在。在使用多個(gè)第三方框架或類庫的時(shí)候，你唯一能作的就是祈禱它們的命名不要沖突，如果真正發(fā)生這種災(zāi)難的話，你唯一能作的就是放棄其中一個(gè)（注：可能是我孤陋寡聞，呵呵）。命名空間的引入相當(dāng)程度上解決了這個(gè)問題，當(dāng)然，如果你使用的命名空間和其他公司不幸一樣，而對(duì)方又是微軟、SUN等大佬，那恭喜你，呵呵@_@!?
? ? ?從事Web開發(fā)不可避免要接觸JavaScript，目前最新版本的JavaScript還是不支持命名空間，所以命名沖突的問題凸顯無疑，想象一下你引用了兩個(gè)js文件，卻發(fā)現(xiàn)由于命名問題導(dǎo)致你不得不放棄其中一個(gè)，從而導(dǎo)致多寫了許多代碼，無疑是十分令人沮喪的。在JavaScript新版本引入命名空間概念之前，發(fā)揚(yáng)自立更生精神和創(chuàng)造性是我們程序員的基本義務(wù);-)?

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

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

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

// 聲明一個(gè)全局對(duì)象Namespace，用來注冊(cè)命名空間 Namespace = new Object(); // 全局對(duì)象僅僅存在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)造命名空間對(duì)象（假如不存在的話）的語句// 比如先創(chuàng)建Grandsoft，然后創(chuàng)建Grandsoft.GEA，依次下去sEval += "if (typeof(" + sNS + ") == 'undefined') " + sNS + " = new Object();"}if (sEval != "") eval(sEval); }

　　

上面就是在JavaScript中模擬命名空間機(jī)制的完整實(shí)現(xiàn)，使用方式如下：?

// 注冊(cè)命名空間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添加一個(gè)公共方法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();

?

第二種創(chuàng)建命名空間的方法：

eye = {namespace: function() {var a = arguments, o = null, i, j, d, rt;for (i = 0; i < a.length; ++i) {d = a[i].split(".");rt = d[0];eval('if (typeof ' + rt + ' == "undefined"){' + rt + ' = {};} o = ' + rt + ';');for (j = 1; j < d.length; ++j) {o[d[j]] = o[d[j]] || {};o = o[d[j]];}}} };eye.namespace("eye", "eye.common", "eye.datePicker", "eye.selectCity", "eye.tab","eye.test"); eye.test={//測試命名空間show: function() {return "aaa";} } alert(eye.test.show());//命名空間

?

function ns(pkg){if (!pkg) {return null;}var o = {};var result = o;var arr = pkg.split('.');alert([arr[0]]);o = o[[arr[0]]] = {};var len = arr.length;for (var i = 1; i < len; i++) {o = o[arr[i]] = {};}return result; }var pkg = ns("com.momo.test"); alert(pkg.com);

?

轉(zhuǎn)載于:https://www.cnblogs.com/gaojianqi/p/3454004.html

總結(jié)

以上是生活随笔為你收集整理的JavaScript创建命名空间的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。