js命名空间实现

今天和同事讨论,如何有效的管理、维护、扩展js代码,考虑到今后项目的可扩展性、逻辑清晰度、命名冲突,打算采用命名空间的形式来包装js脚本。
 

实现方式有如下两种:

一,通过闭包的形式实现

var Framework = {
im : (
function() {
function a()
{
alert(
'this is A function');
b();
}
function b()
{
alert(
'this is B function');
}
function c()
{
alert(
'this is inner function');
}
return {A:a, B:b}; //暴露给外部的成员函数需要在这里全部返回.
})()
};
Framework.im.A();
Framework.im.c();
//这里是会报错,因为c成员函数并没有暴露给外部

这种方式的优点是有选择性的暴露给外部可访问的成员函数,隐藏内部实现细节。

缺点是需要定义可返回的成员函数,如果要暴露的方法很多的话,会有一大段定义代码。这点像erlang。 
 

二,通过类的方式来解决

var Framework = {
im : {
a :
function(){
alert(
'this is A function');
this.b(); //这里调用b成员函数的方式和第一种有点区别
},
b :
function(){
alert(
'this is B function');
},
c :
function(){
alert(
'this is C function');
}
}
};
Framework.im.a();
Framework.im.c();
//正常调用

这种方式的优点,代码上面更加优美,也更加容易理解,也不用返回一大堆的成员方法

缺点是im类中的所有成员函数,外部都可以调用。因为在js中,并没有严格的方法访问控制权限。

 

posted @ 2011-07-23 09:08  lokizone  阅读(782)  评论(0编辑  收藏  举报