JS設計模式(一) 單例模式

命名空間

單例模式是JavaScript中最常見的一種模式麸拄,通過這種模式可以為我們提供一個命名空間,例如jQuery庫的命名空間為jQuery$蛆封。命名空間的使用是為了讓代碼更加整潔拴竹,在多人協(xié)作開發(fā)的情況下掉奄,不同的人定義的變量很有可能重復,此時就需要使用命名空間來約束每個人定義的變量炎功,使相同名稱的變量放在不同的命名空間中枚冗,避免相互干擾。例如:

// A程序員的命名空間
var A = {
    get: function(id){
        return document.getElementById(id);
    }
    css: function(id,key,value){
        get(id).style[key] = value;
    }
}
// B程序員的命名空間
var B = {
    get: function(className){
        return document.getElementByClassName(className)[0];
    }
    css: function(className,key,value){
        get(className).style[key] = value;
    }
}

A亡问、B兩個命名空間中都有一個get方法和一個css方法官紫,用于元素獲取和元素樣式修改,不同的是A是通過id來獲取元素州藕,而B是通過class來獲取元素,通過命名空間酝陈,可以使這些相同名稱的方法共存床玻,使用時指定相應的命名空間即可。

模塊化

JavaScript中單例模式除了定義命名空間之外沉帮,還可用于管理代碼庫的各個功能模塊锈死。例如:

google.dom.addClass             // 添加元素類
google.dom.append               // 插入元素
google.event.stopPropagation    // 阻止事件冒泡
google.event.preventDefault     // 阻止默認行為
google.string.trim              // 去除字符串首尾空格
google.string.encodeHTML        // 將字符串進行HTML編碼

以上各個模塊都位于google命名空間下,每個模塊都有屬于自己的方法穆壕,使用時只需按照需求調(diào)用特定功能模塊下對應的方法即可待牵。

常量

JavaScript中并沒有finalstatic這類關鍵字用來定義常量喇勋,但JavaScript非常靈活缨该,通過常量只能訪問不能修改這一特點,我們可以將變量保存在函數(shù)內(nèi)部川背,并且只提供獲取變量的方法贰拿,不提供設置變量的方法,通過閉包的方式使函數(shù)執(zhí)行一次并返回相應的訪問方法對象熄云,最后將這個對象放在全局空間中作為常量單例對象使用膨更。例如:

var Color = (function(){
    // 私有變量
    var color = {
        'RED': '#ff0000',
        'YELLOW': '#ffff00',
        'BLUE': '#0000ff'
    }
    // 返回訪問方法對象
    return {
        // 常量獲取方法
        get: function(name){
            return color[name] ? color[name] : null;
        }
    }
})();

var color = Color.get('BLUE');
console.log(color);    // #0000ff

本文為作者kMacro原創(chuàng),轉(zhuǎn)載請注明來源:http://www.reibang.com/p/47100085e3a5缴允。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末荚守,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子练般,更是在濱河造成了極大的恐慌矗漾,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,968評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件踢俄,死亡現(xiàn)場離奇詭異缩功,居然都是意外死亡,警方通過查閱死者的電腦和手機都办,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,601評論 2 382
  • 文/潘曉璐 我一進店門嫡锌,熙熙樓的掌柜王于貴愁眉苦臉地迎上來虑稼,“玉大人,你說我怎么就攤上這事势木≈刖耄” “怎么了?”我有些...
    開封第一講書人閱讀 153,220評論 0 344
  • 文/不壞的土叔 我叫張陵啦桌,是天一觀的道長溯壶。 經(jīng)常有香客問我,道長甫男,這世上最難降的妖魔是什么且改? 我笑而不...
    開封第一講書人閱讀 55,416評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮板驳,結(jié)果婚禮上又跛,老公的妹妹穿的比我還像新娘。我一直安慰自己若治,他們只是感情好慨蓝,可當我...
    茶點故事閱讀 64,425評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著端幼,像睡著了一般礼烈。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上婆跑,一...
    開封第一講書人閱讀 49,144評論 1 285
  • 那天此熬,我揣著相機與錄音,去河邊找鬼洽蛀。 笑死摹迷,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的郊供。 我是一名探鬼主播峡碉,決...
    沈念sama閱讀 38,432評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼驮审!你這毒婦竟也來了鲫寄?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,088評論 0 261
  • 序言:老撾萬榮一對情侶失蹤疯淫,失蹤者是張志新(化名)和其女友劉穎地来,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體熙掺,經(jīng)...
    沈念sama閱讀 43,586評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡未斑,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,028評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了币绩。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蜡秽。...
    茶點故事閱讀 38,137評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡府阀,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出芽突,到底是詐尸還是另有隱情试浙,我是刑警寧澤,帶...
    沈念sama閱讀 33,783評論 4 324
  • 正文 年R本政府宣布寞蚌,位于F島的核電站田巴,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏挟秤。R本人自食惡果不足惜壹哺,卻給世界環(huán)境...
    茶點故事閱讀 39,343評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望艘刚。 院中可真熱鬧斗躏,春花似錦、人聲如沸昔脯。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,333評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽云稚。三九已至,卻和暖如春沈堡,著一層夾襖步出監(jiān)牢的瞬間静陈,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,559評論 1 262
  • 我被黑心中介騙來泰國打工诞丽, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留鲸拥,地道東北人。 一個月前我還...
    沈念sama閱讀 45,595評論 2 355
  • 正文 我出身青樓僧免,卻偏偏與公主長得像刑赶,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子懂衩,可洞房花燭夜當晚...
    茶點故事閱讀 42,901評論 2 345

推薦閱讀更多精彩內(nèi)容

  • 1. Java基礎部分 基礎部分的順序:基本語法撞叨,類相關的語法,內(nèi)部類的語法浊洞,繼承相關的語法牵敷,異常的語法,線程的語...
    子非魚_t_閱讀 31,587評論 18 399
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理法希,服務發(fā)現(xiàn)枷餐,斷路器,智...
    卡卡羅2017閱讀 134,601評論 18 139
  • 原文: https://github.com/ecomfe/spec/blob/master/javascript...
    zock閱讀 3,370評論 2 36
  • 從三月份找實習到現(xiàn)在苫亦,面了一些公司毛肋,掛了不少怨咪,但最終還是拿到小米、百度村生、阿里惊暴、京東、新浪趁桃、CVTE辽话、樂視家的研發(fā)崗...
    時芥藍閱讀 42,192評論 11 349
  • 只要喜歡畫畫 只要喜歡丟丟 只要丟丟看見 你真喜歡畫畫 真的喜歡丟丟 你就會 像丟丟一樣 成為畫家 你相信嗎 反正...
    天野丟閱讀 370評論 5 6