JavaScript静态类写法

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{} })();
...

马上分享给你的朋友吧~

JavaScript静态类写法》上有 1 条评论

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>