Biegral Blog

javascript静态类简单来说就是不用通过new来创建的类，可以直接使用，就像javascript的内置全局类，如Math、Object一样。

javascript静态类写法

var myClass = {
    name: "雨打浮萍",
    value: "http://www.rainleaves.com",
    run: function(){
        alert("run");
    }
}

这样就可以实现一个基本的javascript静态类写法，但基本没什么意义，无非是啥定义几个变量。

我们换个javascript静态类写法

var myClass = (function(){
    var _name = "雨打浮萍";
    var _value = "http://www.rainleaves.com";
    var privateValue = "rainleaves";
    var main = function(){
        alert(this.name);
        alert(_name);
        myMethod();
    };
    var myMethod = function(){
        alert(privateValue);
    }
    return{
        name:_name,
        value:_value,
        main:main
    }
})();

这样，通过 (function(){ return{} })();闭包的形式，返回一个类，赋值给myClass。这样就可以通过闭包营造一个私有环境，保护
privateValue等私有属性，可以是代码更结构化。
在此段代码中_name,_value通过引用赋值给myMethod.name和myMethod.value,同时main方法也被公开为公有属性，而privateValue和myMethod一直为私有方法，隐藏在闭包之内。

运行

myClass.main();
//运行结果:打印两次雨打浮萍，一次rainleaves

myClass.name = "雨打浮萍Rainleaves";
myClass.main();
//运行结果:分别打印雨打浮萍Rainleaves、雨打浮萍、rainleaves

在实际使用中，我们通过JavaScript静态类来将每一个页面的逻辑分别封转在不同的类中，相互不干扰，同时还可以在最这些类定义到一个总的静态类中，实现代码块状化，结构清晰。如：

var Manage = {};
Manage.myClass = (function(){ return{} })();
Manage.myClass2 = (function(){ return{} })();
...