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模式的全部敘述,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!