namespace即“命名空間”，也稱“名稱空間” 、”名字空間”。JavaScript不像C#或Java，有專門的namespace和package語(yǔ)法支持，當(dāng)JS復(fù)雜到一定程度，尤其是引用大量的第三方JS框架和類庫(kù)之后，命名沖突就會(huì)成為一個(gè)嚴(yán)重的問(wèn)題，因此使用JS自己的變通方式建立命名空間很重要。

命名空間有助于減少程序中所需要的全局變量的數(shù)量，并且同時(shí)有助于避免命名沖突或過(guò)長(zhǎng)的名字前綴。

關(guān)于命名空間的例子：

/**

* 創(chuàng)建全局對(duì)象MYAPP

* @module MYAPP

* @title MYAPP Global

*/

var MYAPP = MYAPP || {};

/**

* 返回指定的命名空間，如果命名空間不存在則創(chuàng)建命名空間。

* 備注：命名時(shí)需小心，注意保留關(guān)鍵字，可能在一些瀏覽器無(wú)法使用。

*

* @method namespace

* @param {String *} 至少需要?jiǎng)?chuàng)建一個(gè)命名空間

* @return {Object} 最后一個(gè)命名空間創(chuàng)建的對(duì)象的引用

*/

MYAPP.namespace = function(str){

var parts = str.split("."),

parent = MYAPP,

i=0,

l=0;

if(parts[0]==="MYAPP"){

parts = parts.slice(1);

}

for(i=0,l=parts.length; i<l;i++){

if(typeof parent[parts[i]] === "undefined"){

parent[parts[i]] = {};

}

parent = parent[parts[i]];

}

return parent;

}

/**

* bfun是Basic Functions Extended的縮寫

* 作用：包括數(shù)組、字符串等等數(shù)功能擴(kuò)展

*

* @module bfun

*/

MYAPP.bfun = {

array:(function(){

return {

/**

* @method isArray 判斷是否為數(shù)組

* @param {Array} 數(shù)組

* @return {Boolean} 真返回true，否則返回false

*/

isArray: function(){

return Object.prototype.toString.call(arguments[0]) === '[object Array]'; 

},

/**

* @method inArray 檢查值是否在數(shù)組中

* @param {value，Array} 值，數(shù)組

* @return {Boolean} 真返回true，否則返回undefined

*/

inArray: function(val,arr){

for(var i=0,l=arr.length;i<l;i++){

if(arr[i] === val){

return true;

}

}

}

}

})(),

string:(function(){

return {

/**

* @method trim 過(guò)濾字符串兩邊多余的空格

* @param {String} 字符串

* @return {String} 字符串

*/

trim: function(){

return arguments[0].replace(/(^\s*)|(\s*$)/g, "");

},

/**

* @method ltrim 過(guò)濾字符串左邊多余的空格

* @param {String} 字符串

* @return {String} 字符串

*/

ltrim: function(){

return arguments[0].replace(/^s+/g, "");

},

/**

* @method rtrim 過(guò)濾字符串右邊多余的空格

* @param {String} 字符串

* @return {String} 字符串

*/

rtrim: function(){

return arguments[0].replace(/s+$/g, "");

}

}

})()

}

// 測(cè)試

MYAPP.test = {

init: function(){

// 使用對(duì)應(yīng)的模塊先引用

var marray = MYAPP.namespace("MYAPP.bfun.array");

var mstring = MYAPP.namespace("MYAPP.bfun.string");

var arr = ["a","b"];

var str = " abc ";

console.log("判斷是否為數(shù)組：" + marray.isArray(arr));

console.log("值是否在數(shù)組中：" + marray.inArray("a",arr));

console.log("過(guò)濾左右空格：" + mstring.trim(str));

}

}

MYAPP.test.init();

以上所述是小編給大家介紹的JavaScript中命名空間namespace模式的全部敘述，希望對(duì)大家有所幫助