Info

This test is attempting to show the performance impact of passing references compared to normal scope chain lookups.

Check out Compact.js, that's based on Require.js

Dominik Guzei Wizzart by the way -> I'm searching for a JavaScript internship :)

Modified By

@jdalton

Preparation code

<script>
  ui.benchmarks[0].setup = function() {
   var Library = {
    'util': {
     'add': function(a, b) {
      return a + b;
     }
    },
    'cool': {
     'Class': function(startValue) {
      this.value = startValue;
     }
    }
   };
  
   Library.cool.Class.prototype = {
    'addToValue': function(value) {
     this.value = Library.util.add(this.value, value);
    }
   };
  };
  
  
  ui.benchmarks[1].setup = function() {
   var cache = {};
  
   function define(namespace, includes, callback) {
    var i = -1;
    if (arguments.length < 3) {
     callback = includes;
     includes = [];
    }
    // convert string namespaces to objects
    while (includes[++i]) {
     includes[i] = cache[includes[i]];
    }
    cache[namespace] = callback.apply(null, includes);
   }
  
   function require(includes, callback) {
    var i = -1;
  
    // convert string namespaces to objects
    while (includes[++i]) {
     includes[i] = cache[includes[i]];
    }
    callback.apply(null, includes);
   }
  
   define('Library.util.add', function() {
    function add(a, b) {
     return a + b;
    }
    return add;
   });
  
   define('Library.cool.Class', ['Library.util.add'], function(add) {
    function Class(startValue) {
     this.value = startValue;
    }
    Class.prototype = {
     'addToValue': function(value) {
      this.value = add(this.value, value);
     }
    };
    return Class;
   });
  
   var Klass;
   require(['Library.cool.Class'], function(Class) {
    Klass = Class;
   });
  };
  
  
  ui.benchmarks[2].setup = ui.benchmarks[1].setup;
</script>

Test runner

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

Java applet disabled.

(new Library.cool.Class(1)).addToValue(1);

(new Klass(1)).addToValue(1);

require(['Library.cool.Class'], function(Class) {
 (new Class(1)).addToValue(1);
});

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. Here’s a list of current revisions for this page:

• Revision 1: published by Dominik Guzei on 15th April 2011 and last updated on 16th April 2011
• Revision 2: published by Micheil Smith on 15th April 2011
• Revision 3: published by eric on 15th April 2011
• Revision 4: published by dnolen on 15th April 2011
• Revision 5: published by dnolen on 15th April 2011
• Revision 6: published by Jie on 15th April 2011
• Revision 7: published by Tom Schuster on 15th April 2011
• Revision 9: published by eric on 15th April 2011
• Revision 10: published by eric on 15th April 2011
• Revision 11: published by Dominik Guzei on 16th April 2011
• Revision 12: published on 16th April 2011 and last updated on 21st March 2013

0 comments