命名空間
單例模式是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中并沒有final
、static
這類關鍵字用來定義常量喇勋,但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缴允。