亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

淺析JavaScript中命名空間namespace模式

 更新時(shí)間:2016年06月22日 11:00:11   投稿:mrr  
namespace即“命名空間”,也稱“名稱空間” 、”名字空間”。接下來(lái)通過(guò)本文給大家介紹JavaScript中命名空間namespace模式的相關(guān)知識(shí),非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧

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ì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

相關(guān)文章

  • ES6的循環(huán)與可迭代對(duì)象示例詳解

    ES6的循環(huán)與可迭代對(duì)象示例詳解

    這篇文章主要給大家介紹了關(guān)于ES6的循環(huán)與可迭代對(duì)象的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2021-01-01
  • 詳談js對(duì)url進(jìn)行編碼和解碼(三種方式的區(qū)別)

    詳談js對(duì)url進(jìn)行編碼和解碼(三種方式的區(qū)別)

    下面小編就為大家?guī)?lái)一篇詳談js對(duì)url進(jìn)行編碼和解碼(三種方式的區(qū)別)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-08-08
  • js如何讀取csv內(nèi)容拼接成json

    js如何讀取csv內(nèi)容拼接成json

    這篇文章主要介紹了js如何讀取csv內(nèi)容拼接成json,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-09-09
  • javascript實(shí)現(xiàn)五星評(píng)分功能

    javascript實(shí)現(xiàn)五星評(píng)分功能

    這篇文章主要介紹了javascript實(shí)現(xiàn)五星評(píng)分功能,大家現(xiàn)在會(huì)見(jiàn)到許多五星評(píng)級(jí),知道是如何實(shí)現(xiàn)的嗎?文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2015-11-11
  • 在Z-Blog中運(yùn)行代碼[html][/html](純JS版)

    在Z-Blog中運(yùn)行代碼[html][/html](純JS版)

    在Z-Blog中運(yùn)行代碼[html][/html](純JS版)...
    2007-03-03
  • 新年快樂(lè)! javascript實(shí)現(xiàn)超級(jí)炫酷的3D煙花特效

    新年快樂(lè)! javascript實(shí)現(xiàn)超級(jí)炫酷的3D煙花特效

    這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)超級(jí)炫酷的3D煙花特效,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-01-01
  • JS實(shí)現(xiàn)動(dòng)態(tài)添加DOM節(jié)點(diǎn)和事件的方法示例

    JS實(shí)現(xiàn)動(dòng)態(tài)添加DOM節(jié)點(diǎn)和事件的方法示例

    這篇文章主要介紹了JS實(shí)現(xiàn)動(dòng)態(tài)添加DOM節(jié)點(diǎn)和事件的方法,涉及javascript事件響應(yīng)及針對(duì)頁(yè)面dom元素節(jié)點(diǎn)與屬性的動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
    2017-04-04
  • JavaScript判斷表單為空及獲取焦點(diǎn)的方法

    JavaScript判斷表單為空及獲取焦點(diǎn)的方法

    這篇文章主要介紹了JavaScript判斷表單為空及獲取焦點(diǎn)的方法,可實(shí)現(xiàn)表單提交時(shí)判斷表單是否為空及獲取響應(yīng)焦點(diǎn)的功能,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下
    2016-02-02
  • JavaScript中數(shù)據(jù)過(guò)濾的幾種常見(jiàn)方法

    JavaScript中數(shù)據(jù)過(guò)濾的幾種常見(jiàn)方法

    JavaScript是一種廣泛使用的編程語(yǔ)言,它提供了多種方法來(lái)對(duì)數(shù)據(jù)進(jìn)行過(guò)濾,在本文中,我們將介紹JavaScript中常見(jiàn)的幾種數(shù)據(jù)過(guò)濾方法,并提供相應(yīng)的示例,感興趣的朋友跟隨小編一起看看吧
    2023-10-10
  • 詳解如何在 JavaScript 中使用三元運(yùn)算符

    詳解如何在 JavaScript 中使用三元運(yùn)算符

    這篇文章主要為大家介紹了詳解如何在 JavaScript 中使用三元運(yùn)算符示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-10-10

最新評(píng)論