您好,登錄后才能下訂單哦!
命名空間
單例模式是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
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。