命名空間

單例模式是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

本文為作者kMacro原創，轉載請註明來源：http://www.jianshu.com/p/47100085e3a5。