JavaScript由于不像其他OO語(yǔ)言那樣有namespace,所有全局變量(不管是有意還是無(wú)意)都會(huì)被添加到window對(duì)象里糙及。這樣既容易造成命名沖突模孩,還不便于管理。本篇就介紹一下JavaScript中如何實(shí)現(xiàn)命名空間namespace简肴。
首先你需要確定一下按什么規(guī)則定義命名空間晃听,通常會(huì)按項(xiàng)目名或功能名來(lái)分配命名空間。例如我司開(kāi)發(fā)的X控件庫(kù)砰识,所有對(duì)象就掛在全局變量X下:
var X = {};
X.xButton = {};
…
X.xInputField = {};
X變量作為根變量能扒,底下各控件,如按鈕使用X.xButton辫狼,文本框用X.xInputField初斑,這樣團(tuán)隊(duì)可以放心大膽地為自己開(kāi)發(fā)的控件定義屬性和方法,或調(diào)用他人開(kāi)發(fā)的控件代碼膨处,而不必?fù)?dān)心命名沖突见秤。類(lèi)似地jQuery庫(kù)都掛在jQuery對(duì)象下,Yahoo庫(kù)都掛在Y對(duì)象下灵迫,這樣可以即便于管理秦叛,也防止了命名污染。
如果你就一個(gè)文件瀑粥,上面這樣就夠了挣跋。但通常項(xiàng)目不止一個(gè)文件,尤其是引入多個(gè)庫(kù)時(shí)狞换,要保證多個(gè)庫(kù)的根命名空間不沖突避咆。即便是同一個(gè)庫(kù),有多個(gè)文件的話修噪,也要保證多文件內(nèi)定義的子命名空間不沖突查库。
先看避免多個(gè)庫(kù)的根命名空間沖突(雖然概率可能比較小)黄琼。
例如jQuery里$對(duì)象是jQuery對(duì)象的別名樊销,但如果其他庫(kù)也用$對(duì)象,就會(huì)發(fā)生沖突脏款。別看現(xiàn)在jQuery牛bi哄哄围苫,早期jQuery剛推出時(shí)心也是很虛的,因此jQeruy提供了noConflict
方法可以讓渡根對(duì)象$的控制權(quán)撤师。
例如下面3個(gè)例子:直接放棄$剂府,將$改名,將$移到一個(gè)新的命名空間下
//直接放棄$
jQuery.noConflict();
jQuery("p").hide(); //使用 jQuery的代碼
$("content").style.display = "none"; //使用其他庫(kù)的 $()
//將$改名
var j = jQuery.noConflict();
j("p").hide(); //使用 jQuery的代碼
$("content").style.display = "none"; //使用其他庫(kù)的 $()
//將$移到一個(gè)新的命名空間下
var newQuery = {};
newQuery.$ = jQuery.noConflict(true);
newQuery.$("div.aa").css("background-color","red"); //使用 jQuery的代碼
$("div.aa").css("background-color","blue"); //使用其他庫(kù)的 $()
當(dāng)然關(guān)于noConflict更多例子請(qǐng)自行查閱jQuery官網(wǎng)剃盾。
再看避免同一個(gè)庫(kù)內(nèi)多個(gè)子命名空間的沖突腺占。通秤偻啵可以自定義一個(gè)生成命名空間的函數(shù),將命名空間傳入并進(jìn)行檢查衰伯,沒(méi)有就新建铡羡,有了就沿用:
var X = {
namespace: function(ns) { //將命名空間傳入該方法進(jìn)行檢查
var parts = ns.split("."),
object = this, i, len;
for(i = 0, len = parts.length; i < len; i++) {
if (typeof object[parts[i]] === "undefined") {
object[parts[i]] = {}; //沒(méi)有就新建
}
object = object[parts[i]];
}
return object;
}
}
X.namespace("xButton.widget");
X.namespace("xInputField.widget ");
X.xButton.widget = …
X.xInputField.widget = …
根據(jù)功能劃分的各文件,都調(diào)用自定義的namespace方法來(lái)聲明需要的命名空間嚎研,開(kāi)發(fā)者就不必?fù)?dān)心命名空間沖突的問(wèn)題了蓖墅。