有谁知道一个强大的JavaScript伪类?

时间:2013-02-17 02:50:38

标签: javascript inheritance scope pseudo-class overloading

我正在寻找一种相对简单但有效的机制来实现干净的外观:

  • 公共,私人和受保护的成员(具有实际的公共/私人/受保护访问权限,但仍可扩展)
  • 继承(单个或多个)
  • 构造函数重载(不希望计算args并使用一组复杂的嵌套条件检查类型)

1 个答案:

答案 0 :(得分:1)

好吧......在写这篇文章之前给自己做了一杯咖啡。我唯一无法帮助你的是超载。但没关系,我们走了:

// Class pattern with
//    - dynamic prototypes
//    - public, private, static, static private members
// Keeps functions named the way you want it to.
// Working example:
var YourClass = (function(){

    var Pseudo = function(){
        var args = arguments;

        // constuct the instance in here:
        var YourClass = function(){
            var public = this,
                private = {};

            public.foo = args[0] ? args[0] : "bar";
            public.staticPrivateInt = ++static_private.someInt;

            private.fibo = "nacci";

            // fibo is private - return it's value
            // with a getter to make it "protected"
            public.getFibo = function(){
                return private.fibo;
            }

            public.setFibo = function(value){
                if(typeof value === "string"){
                    // handle optional events here
                    return private.fibo = value;
                }else{
                    return false;
                }
            }
        };


        var static = Pseudo,
                 static_private = {};

        // statics:
        static_private.someInt = 100;
        static.increaseSomeInt = function(){
            ++static_private.someInt;
        }


        // extend on creation of an instance:
        YourClass.prototype = args[0] || new Object();  // or anything else, just an example

        return new YourClass;
    };
    return Pseudo;

}());

<强>用法:

var myInstance = new YourClass({
    someCfg: true
});

console.log(myInstance.someCfg === true); // will log true

由于JavaScript的词法范围和闭包,人们确实可以模拟在其他语言(如C ++,Java等)中设计类的方式。

使用该模式时请记住以下几点:

  1. 静态,私有或公共等变量名称会导致错误 在严格模式下。如果需要,您可以重命名它们。
  2. 静态私有变量不应存储为static.private,因为它们不再是私有的(因此变量static_private)。
  3. 工作原理

    基本上,你想要的是:

      可以使用public访问
    1. <object>.<member>个成员。在Javascript中,通常使用this.<member> = <assignment>;

      =&GT;为方便起见,创建一个简单的别名:   var public = this;

    2. private成员在构造函数中可见,但在实例中不可见。仍需要public方法访问它们。

      =&GT; var private = {};    你可以创建简单的变量,例如var fibo="nacci";,我发现private.fibo="nacci";更具可读性。使用var关键字创建的任何变量都无法从构造函数的外部作用域访问。

    3. 即使尚未创建类的实例,
    4. static成员也要准备好。在JavaScript中执行此操作的常用方法是为构造函数本身分配值或函数。请参阅问题here

      =&GT;同样,为了便于阅读:    var static = Pseudo;

    5. static private成员:偶尔,您可能希望拥有在构造函数外部不可见的静态成员。

      =&GT;使用词法范围来存储它们。 var static_private = {};

    6. 有关课程模式的进一步阅读: