91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

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

發布時間:2020-10-09 05:13:09 來源:腳本之家 閱讀:126 作者:kMacro 欄目:web開發

命名空間

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

// 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命名空間下,每個模塊都有屬于自己的方法,使用時只需按照需求調用特定功能模塊下對應的方法即可。

常量

JavaScript中并沒有final、static這類關鍵字用來定義常量,但JavaScript非常靈活,通過常量只能訪問不能修改這一特點,我們可以將變量保存在函數內部,并且只提供獲取變量的方法,不提供設置變量的方法,通過閉包的方式使函數執行一次并返回相應的訪問方法對象,最后將這個對象放在全局空間中作為常量單例對象使用。例如:

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

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

金湖县| 江华| 镇沅| 东丽区| 建昌县| 七台河市| 清河县| 阳江市| 孝感市| 永和县| 贵定县| 石楼县| 临沭县| 梧州市| 抚顺市| 高淳县| 临桂县| 韶关市| 望谟县| 通江县| 台湾省| 阿瓦提县| 肇源县| 灵川县| 诸城市| 汝城县| 曲松县| 南溪县| 东至县| 布尔津县| 特克斯县| 铜川市| 淮安市| 察哈| 瑞金市| 怀来县| 永顺县| 康保县| 许昌县| 盈江县| 合肥市|