Preparation code

<script src="https://rawgithub.com/nicolas-van/ring.js/master/underscore.js" type="text/javascript"></script>
<script src="https://rawgithub.com/nicolas-van/ring.js/master/ring.js" type="text/javascript"></script>
<script src="http://dl.dropbox.com/u/7677927/oop-benchmark/lib/jsface.js">
</script>
<script src="http://dl.dropbox.com/u/7677927/oop-benchmark/lib/my.class.js">
</script>
<script src="http://dl.dropbox.com/u/7677927/oop-benchmark/lib/jrclass.js">
</script>
<script src="http://dl.dropbox.com/u/7677927/oop-benchmark/lib/klass.js">
</script>
<script src="http://dl.dropbox.com/u/7677927/oop-benchmark/lib/classy.js">
</script>
<script src="http://dl.dropbox.com/u/7677927/oop-benchmark/lib/ptclass.js">
</script>
<script src="https://rawgithub.com/javascript/augment/master/lib/augment.js">
</script>
<script src="http://cdn.sencha.com/ext-4.1.1a-gpl/builds/ext-foundation.js">
</script>
<script src="https://rawgithub.com/torworx/ovy/master/ovy.js">
</script>
<script src="http://indigounited.com/dejavu/dejavu.js">
</script>
<script src="https://rawgithub.com/jayferd/pjs/master/src/p.js"></script>
<script src="https://rawgithub.com/weikinhuang/Classify/master/dist/classify.js"></script>
<script src="https://rawgithub.com/google/traceur-compiler/master/bin/traceur.js"></script>
<script src="http://raptorjs.org/dist/raptor.min.js" type="text/javascript"></script>
<script>
  var RingPerson = ring.create({
    init: function(name) {
      this.name = name;
    },
    setAddress: function(country, city, street) {
      this.country = country;
      this.city = city;
      this.street = street;
    }
  });
  var RingFrenchGuy = ring.create([RingPerson], {
    init: function(name) {
      this.$super(name);
    },
    setAddress: function(city, street) {
      this.$super('France', city, street);
    }
  });

  var RingParisLover = ring.create([RingFrenchGuy], {
    init: function(name) {
      this.$super(name);
    },
    setAddress: function(street) {
      this.$super('Paris', street);
    }
  });
</script>
<script>

  var __hasProp = {}.hasOwnProperty,
      __extends = function(child, parent) {
      for (var key in parent) {
        if (__hasProp.call(parent, key)) child[key] = parent[key];
      }

      function ctor() {
        this.constructor = child;
      }
      ctor.prototype = parent.prototype;
      child.prototype = new ctor();
      child.__super__ = parent.prototype;
      return child;
      };

  var JSFacePerson = jsface.Class({
    constructor: function(name) {
      this.name = name;
    },
    setAddress: function(country, city, street) {
      this.country = country;
      this.city = city;
      this.street = street;
    }
  });

  var JSFaceFrenchGuy = jsface.Class(JSFacePerson, {
    constructor: function(name) {
      JSFaceFrenchGuy.$super.call(this, name);
    },
    setAddress: function(city, street) {
      JSFaceFrenchGuy.$superp.setAddress.call(this, 'France', city, street);
    }
  });

  var JSFaceParisLover = jsface.Class(JSFaceFrenchGuy, {
    constructor: function(name) {
      JSFaceParisLover.$super.call(this, name);
    },
    setAddress: function(street) {
      JSFaceParisLover.$superp.setAddress.call(this, 'Paris', street);
    }
  });

</script>
<script>
  var MyPerson = my.Class({
    constructor: function(name) {
      this.name = name;
    },
    setAddress: function(country, city, street) {
      this.country = country;
      this.city = city;
      this.street = street;
    }
  });

  var MyFrenchGuy = my.Class(MyPerson, {
    constructor: function(name) {
      MyFrenchGuy.Super.call(this, name);
    },
    setAddress: function(city, street) {
      MyFrenchGuy.Super.prototype.setAddress.call(this, 'France', city, street);
    }
  });

  var MyParisLover = my.Class(MyFrenchGuy, {
    constructor: function(name) {
      MyParisLover.Super.call(this, name);
    },
    setAddress: function(street) {
      MyParisLover.Super.prototype.setAddress.call(this, 'Paris', street);
    }
  });

</script>
<script>
  var JRPerson = JRClass.extend({
    init: function(name) {
      this.name = name;
    },
    setAddress: function(country, city, street) {
      this.country = country;
      this.city = city;
      this.street = street;
    },
    sayHello: function() {
      console.log('I am ' + this.name + '. My address is ' + this.country + ', ' + this.city + ', ' + this.street + '.');
    }
  });

  var JRFrenchGuy = JRPerson.extend({
    init: function(name) {
      this._super(name);
    },
    setAddress: function(city, street) {
      this._super('France', city, street);
    }
  });

  var JRParisLover = JRFrenchGuy.extend({
    init: function(name) {
      this._super(name);
    },
    setAddress: function(street) {
      this._super('Paris', street);
    }
  });

</script>
<script>
  var EnderPerson = klass(function(name) {
    this.name = name;
  }).methods({
    setAddress: function(country, city, street) {
      this.country = country;
      this.city = city;
      this.street = street;
    }
  });

  var EnderFrenchGuy = EnderPerson.extend(function(name) {}).methods({
    setAddress: function(city, street) {
      this.supr('France', city, street);
    }
  });

  var EnderParisLover = EnderFrenchGuy.extend(function(name) {}).methods({
    setAddress: function(street) {
      this.supr('Paris', street);
    }
  });

</script>
<script>
  var ClassyPerson = Classy.$extend({
    __init__: function(name) {
      this.name = name;
    },
    setAddress: function(country, city, street) {
      this.country = country;
      this.city = city;
      this.street = street;
    }
  });

  var ClassyFrenchGuy = ClassyPerson.$extend({
    __init__: function(name) {
      this.$super(name);
    },
    setAddress: function(city, street) {
      this.$super('France', city, street);
    }
  });

  var ClassyParisLover = ClassyFrenchGuy.$extend({
    __init__: function(name) {
      this.$super(name);
    },
    setAddress: function(street) {
      this.$super('Paris', street);
    }
  });

</script>
<script>
  var PTClassPerson = PTClass.create({
    initialize: function(name) {
      this.name = name;
    },
    setAddress: function(country, city, street) {
      this.country = country;
      this.city = city;
      this.street = street;
    }
  });

  var PTClassFrenchGuy = PTClass.create(PTClassPerson, {
    initialize: function($super, name) {
      $super(name);
    },
    setAddress: function($super, city, street) {
      $super('France', city, street);
    }
  });

  var PTClassParisLover = PTClass.create(PTClassFrenchGuy, {
    initialize: function($super, name) {
      $super(name);
    },
    setAddress: function($super, street) {
      $super('Paris', street);
    }
  });

</script>
<script>
  var CoffeePerson = (function() {

    function CoffeePerson(name) {
      this.name = name;
    }

    CoffeePerson.prototype.setAddress = function(country, city, street) {
      this.country = country;
      this.city = city;
      this.street = street;
    };

    return CoffeePerson;

  })();

  var CoffeeFrenchGuy = (function(_super) {

    __extends(CoffeeFrenchGuy, _super);

    function CoffeeFrenchGuy(name) {
      CoffeeFrenchGuy.__super__.constructor.call(this, name);
    }

    CoffeeFrenchGuy.prototype.setAddress = function(city, street) {
      return CoffeeFrenchGuy.__super__.setAddress.call(this, "France", city, street);
    };

    return CoffeeFrenchGuy;

  })(CoffeePerson);

  var CoffeeParisLover = (function(_super) {

    __extends(CoffeeParisLover, _super);

    function CoffeeParisLover(name) {
      CoffeeParisLover.__super__.constructor.call(this, name);
    }

    CoffeeParisLover.prototype.setAddress = function(street) {
      return CoffeeParisLover.__super__.setAddress.call(this, "Paris", street);
    };

    return CoffeeParisLover;

  })(CoffeeFrenchGuy);

</script>
<script>
  Ext.define('ExtPerson', {
    constructor: function(name) {
      this.name = name;
    },
    setAddress: function(country, city, street) {
      this.country = country;
      this.city = city;
      this.street = street;
    }
  });

  Ext.define('ExtChinaGuy', {
    extend: 'ExtPerson',
    constructor: function() {
      this.callParent(arguments);
    },
    setAddress: function(city, street) {
      this.callParent(['China', city, street]);
    }
  });

  Ext.define('ExtBeiJingLover', {
    extend: 'ExtChinaGuy',
    constructor: function(name) {
      this.callParent(arguments);
    },
    setAddress: function(street) {
      this.callParent(['BeiJing', street]);
    }
  });

</script>
<script>
  var dejavuClassPerson = dejavu.Class.declare({
    initialize: function(name) {
      this.name = name;
    },
    setAddress: function(country, city, street) {
      this.country = country;
      this.city = city;
      this.street = street;
    }
  });

  var dejavuClassFrenchGuy = dejavu.Class.declare({
    $extends: dejavuClassPerson,
    initialize: function(name) {
      this.$super(name);
    },
    setAddress: function(city, street) {
      this.$super('France', city, street);
    }
  });

  var dejavuClassParisLover = dejavu.Class.declare({
    $extends: dejavuClassFrenchGuy,
    initialize: function(name) {
      this.$super(name);
    },
    setAddress: function(street) {
      this.$super('Paris', street);
    }
  });

</script>
<script>
  var dejavuClassPerson2 = dejavu.Class.declare({
    initialize: function(name){
      this.name = name;
    },
    setAddress: function(country, city, street) {
      this.country = country;
      this.city = city;
      this.street = street;
    }
  }, true);

  var dejavuClassFrenchGuy2 = dejavu.Class.declare({
    $extends: dejavuClassPerson2,
    initialize: function (name) {
      dejavuClassPerson2.call(this, name);
    },
    setAddress: function(city, street) {
      dejavuClassPerson2.prototype.setAddress.call(this, 'France', city, street);
    }
  }, true);

  var dejavuClassParisLover2 = dejavu.Class.declare({
    $extends: dejavuClassFrenchGuy2,
    initialize: function (name) {
      dejavuClassFrenchGuy2.call(this, name);
    },
    setAddress: function(street) {
      dejavuClassFrenchGuy2.prototype.setAddress.call(this, 'Paris', street);
    }
  }, true);

</script>
<script>
  var dejavuClassPerson3 = dejavu.Class.declare(function () {
    return {
          initialize: function(name){
              this.name = name;
          },
          setAddress: function(country, city, street) {
              this.country = country;
              this.city = city;
              this.street = street;
          }
      };
  }, true);

  var dejavuClassFrenchGuy3 = dejavuClassPerson3.extend(function ($super) {
    var initialize = $super.initialize;
    var setAddress = $super.setAddress;
    return {
        initialize: function(name){
            initialize.call(name);
        },
        setAddress: function(city, street) {
            setAddress.call(this, 'France', city, street);
        }
    };
  }, true);

  var dejavuClassParisLover3 = dejavuClassFrenchGuy3.extend(function ($super) {
    var initialize = $super.initialize;
    var setAddress = $super.setAddress;
    return {
        initialize: function(name){
            initialize.call(name);
        },
        setAddress: function(street) {
            setAddress.call(this, 'Paris', street);
        }
    };
  }, true);

</script>
<script>
  var OvyPerson = Ovy.define({
    constructor: function(name) {
      this.name = name;
    },
    setAddress: function(country, city, street) {
      this.country = country;
      this.city = city;
      this.street = street;
    }
  });

  var OvyChinaGuy = Ovy.define({
    extend: OvyPerson,
    constructor: function(name) {
      OvyChinaGuy.$superclass.call(this, name)
    },
    setAddress: function(city, street) {
      OvyChinaGuy.$super.setAddress.call(this, 'China', city, street);
    }
  });

  var OvyBeijingLover = Ovy.define({
    extend: OvyChinaGuy,
    constructor: function(name) {
      OvyBeijingLover.$superclass.call(this, name);
    },
    setAddress: function(street) {
      OvyBeijingLover.$super.setAddress.call(this, 'Beijing', street);
    }
  });


</script>
<script>
  var AugmentPerson = Object.augment(function() {
    this.constructor = function (name) {
      this.name = name;
    };

    this.setAddress = function(country, city, street) {
      this.country = country;
      this.city = city;
      this.street = street;
    };
  });

  var AugmentFrenchGuy = AugmentPerson.augment(function(base) {
    var setAddress = base.setAddress;

    this.constructor = function (name) {
      AugmentPerson.call(this, name);
    };

    this.setAddress = function(city, street) {
      setAddress.call(this, "France", city, street);
    };
  });

  var AugmentParisLover = AugmentFrenchGuy.augment(function(base) {
    var setAddress = base.setAddress;

    this.constructor = function (name) {
      AugmentFrenchGuy.call(this, name);
    };

    this.setAddress = function(street) {
      setAddress.call(this, "Paris", street);
    };
  });


</script>
<script>

  var PPerson = P(function(proto) {
    proto.init = function (name) {
      this.name = name;
    };

    proto.setAddress = function(country, city, street) {
      this.country = country;
      this.city = city;
      this.street = street;
    };
  });

  var PFrenchGuy = P(PPerson, function(proto, person) {
    var setAddress = person.setAddress;

    proto.init = function (name) {
      PPerson.call(this, name);
    };

    proto.setAddress = function(city, street) {
      setAddress.call(this, "France", city, street);
    };
  });

  var PParisLover = P(PFrenchGuy, function(proto, frenchGuy) {
    var setAddress = frenchGuy.setAddress;

    proto.init = function (name) {
      PFrenchGuy.call(this, name);
    };

    proto.setAddress = function(street) {
      setAddress.call(this, "Paris", street);
    };
  });

</script>
<script>
  var ClassifyPerson = Classify({
    init: function (name) {
      this.name = name;
    },

    setAddress: function(country, city, street) {
      this.country = country;
      this.city = city;
      this.street = street;
    }
  });
  
  var ClassifyFrenchGuy = Classify(ClassifyPerson, {
    init: function (name) {
      this.parent(name);
    },
    setAddress: function(city, street) {
      this.parent("France", city, street);
    }
  });

  var ClassifyParisLover = Classify(ClassifyFrenchGuy, {
    init: function (name) {
      this.parent(name);
    },
    setAddress: function(street) {
      this.parent("Paris", street);
    }
  });


</script>
<script>
var $__getDescriptors = function(object) {
  var descriptors = {}, name, names = Object.getOwnPropertyNames(object);
  for (var i = 0; i < names.length; i++) {
    var name = names[i];
    descriptors[name] = Object.getOwnPropertyDescriptor(object, name);
  }
  return descriptors;
}, $__createClassNoExtends = function(object, staticObject) {
  var ctor = object.constructor;
  Object.defineProperty(object, 'constructor', {enumerable: false});
  ctor.prototype = object;
  Object.defineProperties(ctor, $__getDescriptors(staticObject));
  return ctor;
}, $__superDescriptor = function(proto, name) {
  if (!proto) throw new TypeError('super is null');
  return Object.getPropertyDescriptor(proto, name);
}, $__superCall = function(self, proto, name, args) {
  var descriptor = $__superDescriptor(proto, name);
  if (descriptor) {
    if ('value'in descriptor) return descriptor.value.apply(self, args);
    if (descriptor.get) return descriptor.get.call(self).apply(self, args);
  }
  throw new TypeError("Object has no method '" + name + "'.");
}, $__getProtoParent = function(superClass) {
  if (typeof superClass === 'function') {
    var prototype = superClass.prototype;
    if (Object(prototype) === prototype || prototype === null) return superClass.prototype;
  }
  if (superClass === null) return null;
  throw new TypeError();
}, $__createClass = function(object, staticObject, protoParent, superClass, hasConstructor) {
  var ctor = object.constructor;
  if (typeof superClass === 'function') ctor.__proto__ = superClass;
  if (!hasConstructor && protoParent === null) ctor = object.constructor = function() {};
  var descriptors = $__getDescriptors(object);
  descriptors.constructor.enumerable = false;
  ctor.prototype = Object.create(protoParent, descriptors);
  Object.defineProperties(ctor, $__getDescriptors(staticObject));
  return ctor;
};





</script>
<script>
  var RaptorPerson = define.Class({
        init: function(name) {
            this.name = name;
        },
        setAddress: function(country, city, street) {
            this.country = country;
            this.city = city;
            this.street = street;
        }
    });
    var RaptorFrenchGuy = define.Class({superclass: RaptorPerson}, ['super'], function($super) {
        var superCtor = $super.constructor;
        var superSetAddress = $super.setAddress;

        function RaptorFrenchGuy(name) {
            superCtor.call(this, name);
        };

        RaptorFrenchGuy.prototype = {
            setAddress: function(city, street) {
                superSetAddress.call(this, 'France', city, street);
            }
        }

        return RaptorFrenchGuy;
    });

    var RaptorParisLover = define.Class({superclass: RaptorFrenchGuy}, ['super'], function($super) {
        var superCtor = $super.constructor;
        var superSetAddress = $super.setAddress;

        function RaptorParisLover(name) {
            superCtor.call(this, name);
        };

        RaptorParisLover.prototype = {
            setAddress: function(street) {
                superSetAddress.call(this, 'Paris', street);
            }
        }

        return RaptorParisLover;
    });
</script>
    

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

var p3 = new JSFaceParisLover("Mary");
p3.setAddress("CH");

var p6 = new MyParisLover("Mary");
p6.setAddress("CH");

var p9 = new JRParisLover("Mary");
p9.setAddress("CH");

var p12 = new EnderParisLover("Mary");
p12.setAddress("CH");

var p15 = new ClassyParisLover("Mary");
p15.setAddress("CH");

var p18 = new PTClassParisLover("Mary");
p18.setAddress("CH");

var p21 = new CoffeeParisLover("Mary");
p21.setAddress("CH");

var p24 = new AugmentParisLover("Mary");
p24.setAddress("CH");

var p27 = new ExtBeiJingLover("Mary");
p27.setAddress("CH");

var p30 = new OvyBeijingLover("Mary");
p30.setAddress("CH");

var p33 = new dejavuClassParisLover("Mary");
p33.setAddress("CH");

var p36 = new dejavuClassParisLover2("Mary");
p36.setAddress("CH");

var p39 = new dejavuClassParisLover3("Mary");
p39.setAddress("CH");

var p42 = new PParisLover("Mary");
p42.setAddress("CH");

var p52 = new ClassifyParisLover("Mary");
p52.setAddress("CH");

var p1000 = {};
p1000.name = "Mary";
p1000.city = "Paris";
p1000.address = "CH";
p1000.country = "France";

var p69 = new RingParisLover("Mary");
p69.setAddress("CH");

var p70 = new RaptorParisLover("Mary");
p70.setAddress("CH");

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL.

• Revision 3: published Tan Nhu on 2012-3-15
• Revision 4: published on 2012-3-15
• Revision 5: published Tan Nhu on 2012-3-15
• Revision 6: published Tan Nhu on 2012-3-16
• Revision 7: published Tan Nhu on 2012-3-16
• Revision 8: published Tan Nhu on 2012-3-16
• Revision 9: published Tan Nhu on 2012-3-16
• Revision 10: published Tan Nhu on 2012-3-16
• Revision 11: published André Cruz on 2012-3-30
• Revision 13: published André Cruz on 2012-3-31
• Revision 14: published on 2012-4-13
• Revision 15: published Tan Nhu on 2012-4-18
• Revision 16: published on 2012-5-12
• Revision 17: published on 2012-5-12
• Revision 18: published on 2012-5-21
• Revision 19: published on 2012-6-14
• Revision 21: published on 2012-6-14
• Revision 22: published on 2012-6-14
• Revision 25: published on 2012-7-9
• Revision 27: published on 2012-7-13
• Revision 28: published on 2012-7-13
• Revision 29: published on 2012-7-13
• Revision 38: published on 2012-7-15
• Revision 39: published on 2012-7-15
• Revision 40: published on 2012-7-15
• Revision 41: published on 2012-7-16
• Revision 51: published André Cruz on 2012-8-19
• Revision 52: published André Cruz on 2012-8-19
• Revision 54: published André Cruz on 2012-8-21
• Revision 58: published André Cruz on 2012-8-23
• Revision 61: published Nodir Turakulov on 2012-10-27
• Revision 62: published Airy on 2012-10-29
• Revision 64: published on 2012-10-30
• Revision 69: published on 2012-11-23
• Revision 70: published André Cruz on 2012-11-23
• Revision 77: published André Cruz on 2012-11-25
• Revision 79: published André Cruz on 2012-11-27
• Revision 83: published on 2012-11-29
• Revision 84: published Aadit M Shah on 2012-12-18
• Revision 85: published Aadit M Shah on 2012-12-18
• Revision 86: published Yuan Tao on 2012-12-19
• Revision 88: published on 2012-12-19
• Revision 89: published Aadit M Shah on 2012-12-20
• Revision 90: published Yuan Tao on 2012-12-20
• Revision 91: published Aadit M Shah on 2012-12-21
• Revision 92: published Yuan Tao on 2012-12-21
• Revision 93: published Yuan Tao on 2012-12-21
• Revision 94: published Aadit M Shah on 2012-12-21
• Revision 95: published Aadit M Shah on 2012-12-22
• Revision 96: published Yuan Tao on 2012-12-23
• Revision 97: published Aadit M Shah on 2012-12-23
• Revision 98: published Yuan Tao on 2012-12-23
• Revision 100: published Yuan Tao on 2012-12-24
• Revision 104: published on 2012-12-31
• Revision 105: published Aadit M Shah on 2013-1-3
• Revision 106: published Yuan Tao on 2013-1-4
• Revision 107: published André Cruz on 2013-1-5
• Revision 108: published Aadit M Shah on 2013-1-8
• Revision 109: published Mark Johnson on 2013-1-15
• Revision 110: published Mark Johnson on 2013-1-15
• Revision 111: published Mark Johnson on 2013-1-15
• Revision 112: published on 2013-1-19
• Revision 113: published on 2013-1-22
• Revision 117: published Aadit M Shah on 2013-2-5
• Revision 118: published Aadit M Shah on 2013-2-6
• Revision 119: published Yannick Albert on 2013-3-28 and last updated on 2013-3-29
• Revision 122: published on 2013-3-29
• Revision 124: published on 2013-4-7
• Revision 127: published Aadit M Shah on 2013-5-19
• Revision 128: published on 2013-5-20 and last updated on 2013-5-21
• Revision 129: published Yuan Tao on 2013-5-25
• Revision 132: published on 2013-6-24
• Revision 135: published on 2013-7-9
• Revision 136: published on 2013-7-9 and last updated on 2013-7-10
• Revision 137: published on 2013-7-10
• Revision 140: published on 2013-7-12
• Revision 143: published on 2013-7-24
• Revision 144: published Patrick Steele-Idem on 2013-7-24
• Revision 145: published torworx on 2013-8-27
• Revision 146: published Yuan Tao on 2013-8-27
• Revision 147: published on 2013-11-8
• Revision 148: published on 2013-11-8
• Revision 149: published on 2013-11-9
• Revision 150: published on 2013-11-9
• Revision 151: published on 2013-11-11
• Revision 152: published on 2013-11-18
• Revision 155: published on 2014-1-21
• Revision 156: published Martijn van Beek on 2014-2-15
• Revision 157: published Austin Appleby on 2014-2-16
• Revision 158: published Aadit M Shah on 2014-2-19
• Revision 159: published Jarid Margolin on 2014-2-21
• Revision 160: published Pete Hodgson on 2014-3-6
• Revision 162: published John Doe on 2014-4-12
• Revision 163: published on 2014-4-29
• Revision 164: published on 2014-4-29
• Revision 165: published on 2014-5-4
• Revision 166: published Nicolas Vanhoren on 2014-7-4
• Revision 167: published on 2014-9-24
• Revision 168: published Kamil on 2014-10-6
• Revision 169: published Enzo on 2014-11-2
• Revision 170: published on 2014-11-19
• Revision 171: published Tom Villeneuve-Pelletier on 2014-12-23
• Revision 172: published alban on 2015-1-15
• Revision 173: published alban on 2015-1-18
• Revision 174: published alban on 2015-1-22
• Revision 175: published Naja Melan on 2015-1-25
• Revision 179: published Pedro Gomes on 2015-5-20
• Revision 181: published on 2015-5-22
• Revision 182: published on 2015-5-22
• Revision 183: published on 2015-9-13
• Revision 184: published on 2016-1-14
• Revision 185: published on 2016-1-14
• Revision 186: published thomas on 2016-1-14

0 Comments