本文内容

• 命名空间
• 自定义命名空间 

命名空间在面向对象编程语言中很常见，用来组织类。多年的工程实践表明，无论是面向对象还是其命名空间都很有效。但是，JavaScript 是基于原型的，本身并不支持面向对象，可我们很想把面向对象实践出来的结果应用到 JavaScript 中，以加强 JavaScript 代码的可维护性。而命名空间是不可缺少的一个环节，当然除此之外，还有用 JavaScript 模拟对象、继承等。

在 JavaScript 编程中，很容易造成命名冲突，如果对局部变量不使用 var 关键字，则 JavaScript 认为是全局变量。试想，要是多人一起开发，更一步，每个人都开发自己的插件，命名冲突就是不可避免的，而最后若想修正这样的错误并不容易。

命名空间

---

只有一个全局作用域导致的常见错误是命名冲突。在 JavaScript中，这可以通过匿名包装器轻松解决。

(function() {

// 函数创建一个命名空间

window.foo = function() {

// 对外公开的函数，创建了闭包

};

})(); // 立即执行此匿名函数

匿名函数被认为是表达式；因此为了可调用性，它们首先会被执行。

( // 小括号内的函数首先被执行

function() {}

) // 并且返回函数对象

() // 调用上面的执行结果，也就是函数对象

有一些其他的调用函数表达式的方法，比如下面的两种方式语法不同，但是效果一模一样。

// 另外两种方式

+function(){}();

(function(){}());

带“+”的方式，第一次看见是在 ckeditor 中，当时有点惊讶。

推荐使用匿名包装器（自执行的匿名函数）来创建命名空间。这样不仅可以防止命名冲突， 而且有利于程序的模块化。另外，使用全局变量被认为是不好的习惯。这样的代码倾向于产生错误和带来高的维护成本。

 

自定义命名空间

---

下面代码，实现自己命名空间机制如下：

myNamespace = {

// 全局对象仅仅存在 reg 函数, 参数为名称空间全路径, 如 myCustomer.control

reg: function (ns) {

var nsArray = ns.split('.');

var sEval = "";

var sNS = "";

for (var i = 0; i < nsArray.length; i++) {

if (i != 0) sNS += ".";

sNS += nsArray[i];

// 依次创建构造命名空间中的对象,

// 如,若 myCustomer 不存在，则创建; 若 myCustomer.control 不存在，则创建……

sEval += "if (typeof(" + sNS + ") == 'undefined') " + sNS + " = { };"

}

if (sEval != "") eval(sEval);

}

}

// 注册自己的命名空间

myNamespace.reg("myCustomer.control");

myNamespace.reg("myCustomer.document");

// 在 myCustomer.control 命名空间里面声明对象 myEditor

myCustomer.control.myEditor = function (id, width, height) {

this.id = id;

this.width = width;

this.height = height;

}

// 为对象 myEditor 添加一个公共方法 show

myCustomer.control.myEditor.prototype.show = function () {

alert("myEditor of control 's id is " + this.id + ", width is " + this.width + " and height is " + this.height);

}

// 演示如何使用类Person

var p = new myCustomer.control.myEditor("txt1", 100, 100);

p.show();

if (typeof (myCustomer.document) != 'undefined') {

alert('myCustomer.document exsit.');

}

else {

alert('myCustomer.document nonexsit.');

}