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

　

转载于:https://www.cnblogs.com/lokizone/archive/2011/07/23/javascript_namespace.html