Experimenting with prototype inheritance

hierarchical.js

var Foo = (function (Parent) {
    var _super = Parent.prototype;

    function Foo() {
        Parent.call(this);
    }

    Foo.prototype = new Parent;
    Foo.prototype.constructor = Foo;
    Foo.prototype.ping = function () {
        console.log('foo.ping', this);
    };

    return Foo;
}(Object));

var Bar = (function (Parent) {
    var _super = Parent.prototype;

    function Bar() {
        Parent.call(this);
    }

    Bar.prototype = new Parent;
    Bar.prototype.constructor = Bar;
    Bar.prototype.ping = function () { 
        _super.ping.call(this);
        console.log('bar.ping', this); 
    };

    return Bar;
}(Foo));

var Baz = (function (Parent) {
    var _super = Parent.prototype;

    function Baz() {
        Parent.call(this);
    }

    Baz.prototype = new Parent;
    Baz.prototype.constructor = Baz;
    Baz.prototype.ping = function () {
        _super.ping.call(this);
        console.log('baz.ping', this);
    };

    return Baz;
}(Bar));

var o = new Baz();
o.ping();

console.log("o instance of Baz", o instanceof Baz);
console.log("o instance of Bar", o instanceof Bar);
console.log("o instance of Foo", o instanceof Foo);