JS兑现命名空间

作者 : zhanhailiang   日期 : 2012-10-24

在添加一个属性或者创建一个命名空间之前，最好是首先检查它是否已经存在，如下例：

if(typeof HWSL === "undefined") {
    var HWSL = {};
}
 
//或者使用||的短路功能
var HWSL = HWSL || {};

但是这些附加的检查会迅速产生大量重复的代码。如果想定义HWSL.Custom.module2，需要构造三次检查，每次检查都要针对定义的一个对象或者属性。所以需要一个可以很方便地处理命名空间细节的可重用函数（称之为通用命名空间函数）。定为namespace()并加以使用：

// 使用命名空间函数
HWSL.namespace("HWSL.Custom.module2");
 
// 相当于如下代码
var HWSL = {
    Custom : {
        module2 : {}
    }
};

接下来是一个命名空间函数的实现示例，这个实现是非破坏性的，即若已经存在一个命名空间，便不会再重新创建它。

var HWSL = HWSL || {};
 
// 使用方法
// 1 var module2 = HWSL.namespace("HWSL.Custom.module2");
//   module2 === HWSL.Custom.module2; // true;
// 2 HWSL.namespace("HWSL.Custom.module51");
HWSL.namespace = function(nsString) {
    var parts = nsString.split('.'),
        parent = HWSL,
        i;
 
    // 剥离最前面的冗余的全局变量
    if(parts[0] === "HWSL") {
        parts = parts.slice(1);
    }
 
    for(i = 0; i < parts.length; i++) {
        // 若它不存在，则创建一个属性
        if(typeof parent[parts[i]] === "undefined") {
            parent[parts[i]] = {};
        }
        parent = parent[parts[i]];
    }
 
    return parent;
};
 
//测试用例
//HWSL.namespace("HWSL.Custom.module2");
//console.log(HWSL.Custom);
//console.log(HWSL.Custom.module2);
 
//var module2 = HWSL.namespace("HWSL.Custom.module2");
//console.log(module2 === HWSL.Custom.module2); // 输出 true;
 
//HWSL.namespace("Custom.module51"); // 忽略前面的HWSL
//console.log(HWSL.Custom.module51);