JS实现命名空间

最新推荐文章于 2024-03-08 10:03:19 发布

最新推荐文章于 2024-03-08 10:03:19 发布 · 162 阅读

文章标签：

本文介绍了一种非破坏性的通用命名空间函数，用于简化在JavaScript中创建和管理命名空间的过程，通过实例演示了如何避免代码重复并提高代码可读性。

作者 : 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);