JavaScript-JS命名空间的构造和实现-[web前端开发]

所谓命名空间，就是通过 com.proj.common.dosomething 这样的形式使用和访问脚本。

为什么要这样做？

1。项目很大，应用程序繁杂，使用长路径清晰，容易理解，分门别类；

2。可以方法重名，比如你的项目里可能很多 showABC() 这样的方法，是不是很乱？

使用命名空间 com.proj.a.showABC() 和 com.proj.b.showABC() 就会区分开来；

3。可以将javascript按 包的形式封装起来，和我们 JAVA web 项目里的分层管理趋于一致；

4。有利于代码更新，升级和维护。

命名空间的构造：

/**
 * 命名空间的创建
 * 支持 xxx.xxx.xxx命名访问
 * 
 * 
 */
function NamespacesPrototype() {
	
	function access(c, d, e) {
		c[d] = e;
		e._path = c._path ? (c._path + "." + d) : d;
		e._parent = c;
	}
	function make(d, f, c) {
		var e = f.shift();
		if (0 == f.length) {
			access(d, e, c());
		} else {
			if (!d[e]) {
				access(d, e, {});
			}
			make(d[e], f, c);
		}
	}
	
	this.create = function (nameString, custfun) {
		make(window, nameString.split("."), function () {
			return new custfun();
		});
	};
	this.register = function (nameString, custfun) {
		make(window, nameString.split("."), function () {
			return custfun;
		});
	};
};
/**
 * 创建命名空间
 */
var Namespaces;
if (!Namespaces) {
	Namespaces = new NamespacesPrototype();
};

//命名空间的自定义
Namespaces.create("com.proj.common", function () {
	
	 this.a= 'This is my code';
         this.b = function (){
          // your method

          alert('my method-' + this.a);
          };	
	//TODO orthers code here. 
});

//使用

...

com.proj.common.b(); // output 'my method-This is my code'