淺析JavaScript中命名空間namespace模式，命名空間namespace

淺析JavaScript中命名空間namespace模式，命名空間namespace

namespace即“命名空間”，也稱“名稱空間” 、”名字空間”。JavaScript不像C#或Java，有專門的namespace和package文法支援，當JS複雜到一定程度，尤其是引用大量的第三方JS架構和類庫之後，命名衝突就會成為一個嚴重的問題，因此使用JS自己的變通方式建立命名空間很重要。

命名空間有助於減少程式中所需要的全域變數的數量，並且同時有助於避免命名衝突或過長的名字首碼。

關於命名空間的例子：

/*** 建立全域對象MYAPP* @module MYAPP* @title MYAPP Global*/var MYAPP = MYAPP || {};/*** 返回指定的命名空間，如果命名空間不存在則建立命名空間。* 備忘：命名時需小心，注意保留關鍵字，可能在一些瀏覽器無法使用。** @method namespace* @param {String *} 至少需要建立一個命名空間* @return {Object} 最後一個命名空間建立的對象的引用*/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的縮寫* 作用：包括數組、字串等等數功能擴充** @module bfun*/MYAPP.bfun = {array:(function(){return {/*** @method isArray 判斷是否為數組* @param {Array} 數組* @return {Boolean} 真返回true，否則返回false*/isArray: function(){return Object.prototype.toString.call(arguments[0]) === '[object Array]'; },/*** @method inArray 檢查值是否在數組中* @param {value，Array} 值，數組* @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 過濾字串兩邊多餘的空格* @param {String} 字串* @return {String} 字串*/trim: function(){return arguments[0].replace(/(^\s*)|(\s*$)/g, "");},/*** @method ltrim 過濾字串左邊多餘的空格* @param {String} 字串* @return {String} 字串*/ltrim: function(){return arguments[0].replace(/^s+/g, "");},/*** @method rtrim 過濾字串右邊多餘的空格* @param {String} 字串* @return {String} 字串*/rtrim: function(){return arguments[0].replace(/s+$/g, "");}}})()}// 測試MYAPP.test = {init: function(){// 使用對應的模組先引用var marray = MYAPP.namespace("MYAPP.bfun.array");var mstring = MYAPP.namespace("MYAPP.bfun.string");var arr = ["a","b"];var str = " abc ";console.log("判斷是否為數組：" + marray.isArray(arr));console.log("值是否在數組中：" + marray.inArray("a",arr));console.log("過濾左右空格：" + mstring.trim(str));}}MYAPP.test.init();

以上所述是小編給大家介紹的JavaScript中命名空間namespace模式的全部敘述，希望對大家有所協助，如果大家有任何疑問請給我留言，小編會及時回複大家的。在此也非常感謝大家對幫客之家網站的支援！