Prototype vs Module pattern performance (v116)

Revision 116 of this benchmark created on

Description

Removed iterations in tests, because jsperf already does that for us. And renamed variables to be more meaningful to us humans. And other cosmetic changes.

The most important thing to remember is to use the right tool for the job. All these tests do is reference an object with a complex memory allocation. When you don't need something fancy, you're better off using a regular old object

Setup

function TraditionalPrototypeClass() {
    }
    
    TraditionalPrototypeClass.prototype.foo = function() {
        var test = 5;
        test = test*test*test;
        test--;
        test = 502;
    };
    
    TraditionalPrototypeClass.prototype.bar = function() {
        var test = 5;
        test = test*test*test;
        test--;
        test = 502;
    };
    
    function ModulePatternClass() {
        this.foo = function() {
            var test = 5;
            test = test*test*test;
            test--;
            test = 502;
        };
        
        this.bar = function() {
            var test = 5;
            test = test*test*test;
            test--;
            test = 502;
        };
    }
    
    var ModuleCachePatternClass = (function () {
        function foo() {
            var test = 5;
            test = test*test*test;
            test--;
            test = 502;
        }
        
        function bar() {
            var test = 5;
            test = test*test*test;
            test--;
            test = 502;
        }
        
        return function(){
            this.foo = foo;
            this.bar =bar;
        };
    }());
    
    var standardObject = {
        foo: function(){
            var test = 5;
            test = test*test*test;
            test--;
            test = 502;
        },
        bar: function(){
            var test = 5;
            test = test*test*test;
            test--;
            test = 502;
        }
    };

Test runner

Ready to run.

Testing in
TestOps/sec
Prototypal
function TraditionalPrototypeClass() {
}

TraditionalPrototypeClass.prototype.foo = function() {
    var test = 5;
    test = test*test*test;
    test--;
    test = 502;
};

TraditionalPrototypeClass.prototype.bar = function() {
    var test = 5;
    test = test*test*test;
    test--;
    test = 502;
};

var o = new TraditionalPrototypeClass()
o.bar;
o.foo;
ready
Module pattern
function ModulePatternClass() {
    this.foo = function() {
        var test = 5;
        test = test*test*test;
        test--;
        test = 502;
    };
    
    this.bar = function() {
        var test = 5;
        test = test*test*test;
        test--;
        test = 502;
    };
}

var o = new ModulePatternClass()
o.bar;
o.foo;
ready
Module pattern with cached functions
var ModuleCachePatternClass = (function () {
    function foo() {
        var test = 5;
        test = test*test*test;
        test--;
        test = 502;
    }
    
    function bar() {
        var test = 5;
        test = test*test*test;
        test--;
        test = 502;
    }
    
    return function(){
        this.foo = foo;
        this.bar =bar;
    };
}());

var o = new ModuleCachePatternClass()
o.bar;
o.foo;
ready
Use the right tool for the job
var standardObject = {
    foo: function(){
        var test = 5;
        test = test*test*test;
        test--;
        test = 502;
    },
    bar: function(){
        var test = 5;
        test = test*test*test;
        test--;
        test = 502;
    }
};

var o = standardObject;
o.bar;
o.foo;
ready

Revisions

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