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中,并没有严格的方法访问控制权限。