Question

I’m building a system, with similar details as this question: Can I have different copies of a static variable for each different type of inheriting class

Except it’s in JavaScript!

I’m going to have a set of subclasses. Each subclass will have a lot of instances created of it during the life of the program. Each instance of a particular subclass will have different values, except for a file that is common to all. I don’t want each instance to have a copy. I want it static (one copy for all). Each different subclass uses a different file though. I want each subclass to inherit the FACT that it HAS a file from a superclass.

EDIT: Quick Summary:

goal: create a class that is a constructor that
constructs the definition of a
subclass, allowing a variable:
– Appearing in every subclass
– Unique to a particular subclass
– Shared by all instances of a particular subclass (one copy for all)

Attempt at illustrating this in code:

var instance1ofSubclass1 = {
    staticVar:"SAMEVAL_1", // For brevity I'm showing how staticVar is  
                           // the same. It's notsupposed to be public.
    uniqueVar:"adsfasdf"
};
var instance2ofSubclass1 = {
    staticVar:"SAMEVAL_1",
    uniqueVar:"zxbvczbxc"
};
var instance3ofSubclass1 = {
    staticVar:"SAMEVAL_1",
    uniqueVar:"qwrtytry"
};

var instance1ofSubclass2 = {
    staticVar:"SAMEVAL_2", //<--notice the static var is different
                           //   between subclasses
    uniqueVar:"oipoiuu"
};
var instance2ofSubclass2 = {
    staticVar:"SAMEVAL_2",
    uniqueVar:"hljkhlj"
};
var instance3ofSubclass2 = {
    staticVar:"SAMEVAL_2",
    uniqueVar:"bnmbmbmnm"
};

My class definitions could go like this:

var subclass1 = (function () {
    var staticVar = "SAMEVAL_1"
    return function (unique) {
        return {
            uniqueVar:unique
        };
    };
}());

var subclass2 = (function () {
    var staticVar = "SAMEVAL_2" //<-- different static variable
    return function (unique) {
        return {
            uniqueVar:unique
        };
    };
}());

Now, I want to go a step further and make a superclass for these classes. That’s where I’m stuck. I don’t want to have a staticVar definition in every subclass. I want to get it from the superclass.

Answer 1

I think I’ve figured it out.

Fiddle: http://jsfiddle.net/zXMaM/

The pattern I’ve created sends a class definition through another function (essentially the super class) that creates an additional closure for the necessary private static variables and at the same time augments the object created by the class passed in to access the private static variables.

It’s hard to explain as this is new to me too, but hopefully between the code and my comments it is followable.

The “superclass” method:

var superClass = function (yourPrivateStaticVar, classDef) {        
    var privateStatic = yourPrivateStaticVar;

    return function () { // return a new constructor (only invoked when a new 
                         // instance is created!)

        // run the constructor, grab the object it creates
        var newObj = classDef();

        // now, augment the object created (these vars/methods have no 
        // knowledge of the subclass!)

        //add private vars/methods to the object
        function getPrivStatic() {
            return privateStatic;
        }

       var example_inherited_private_var;

        //add public vars/methods to the object
        newObj.getPrSt_directly = function () {
            return privateStatic;
        }

        newObj.getPrSt_throughPrivateFunc = function () {
            return getPrivStatic();
        }

       newObj.example_inherited_public_var = "something";

        //return the augmented object (a new *instance* of the subclass)
        return newObj;
    };
};

Defining a “subclass”:

//pass the definition of subclass1 through the superclass method and get it back
var subClass1 = superClass("yourChosenPrivateStaticValue", function () {
    //private variables/methods go here

    return { //this is the actual instance object
        //public variables/methods go here
    };
});

Again, the fiddle: http://jsfiddle.net/zXMaM/