Question

Possible Duplicate:
How do I make a callable JS object with an arbitrary prototype?

Let’s say we have multiple individual functions that we can call individually in their own context; But they also inherit some other object’s prototype. Like this:

//Here is the parent object:
var Human = function(){
    this.isAlive = true;
};
Human.prototype.say = function(what){
    alert(what + '!');
};

//These will inherit from it:
var ninja = function() {
    alert("I'm a ninja!");
}
var samurai = function(){
    alert("I'm a samurai!");
}

//Now, how can I make ninja and samurai behave like this:
ninja(); //I'm a ninja!
samurai(); //I'm a samurai!
ninja.say('Hello'); //Hello!

//And they should keep their inheritance. Like:
Human.prototype.die = function(){
    this.isAlive = false;
}

ninja.die();
ninja.isAlive == false;

samurai.isAlive == true;

In other words, is there a way to have two objects that inherit another object’s prototype, but are still callable as functions?

Note: I’m gonna use this in Adobe ExtendScript (aka Crippled Javascript), and it doesn’t know much modern javascript. Like, Object.defineProperty doesn’t work in it. So, is there a normal, standard way to do this?

Answer 1

Using apsillers’s linked question, I was able to get it working with one adjustment: Human‘s properties and methods are defined as an object:

Try it out: http://jsfiddle.net/lbstr/JZP2S/

The key is the HumanMaker function. At a basic level, it takes a function and adds the Human prototype to it. This allows you to invoke your function, get all of the properties from Human and eat it too. Here it is:

function HumanMaker(f) {
    var h = Human;
    h.__proto__ = f.__proto__;
    f.__proto__ = h;
    return f;
}

You would invoke it like this:

var ninja = HumanMaker(function() {
    alert("I'm a ninja!");
});

Here is the whole thing:

var Human = {
    isAlive: true,
    say: function(what){
        alert(what + '!');
    },
    die: function(){
        this.isAlive = false;
    }
};

function HumanMaker(f) {
    var h = Human;
    h.__proto__ = f.__proto__;
    f.__proto__ = h;
    return f;
}

//These will inherit from it:
var ninja = HumanMaker(function() {
    alert("I'm a ninja!");
});
var samurai = HumanMaker(function(){
    alert("I'm a samurai!");
});

//Now, how can I make ninja and samurai behave like this:
ninja(); //I'm a ninja!
samurai(); //I'm a samurai!
ninja.say('Hello'); //Hello!


ninja.die();
ninja.isAlive == false;

samurai.isAlive == true;​