Nested Named Functions compared to Module Pattern without last module pattern

JavaScript performance comparison

Revision 18 of this test case created by

Preparation code 

<script>
  (function() {
function mySandwich(param1, param2, callback) {  
    console.log('Started eating my sandwich.\n\nIt has: ' + param1 + ', ' + param2);  
    var sth = "test";
    callback(sth);  
}  
  


    // Nested function
    person = mySandwich('ham', 'cheese', function(sth) {  
    console.log('Finished eating my sandwich.'+sth);  

    return function(){};
});

    // Non nested function inner function

    function mycallback(sth) {
      console.log('Finished eating my sandwich.' + sth); 

       return function(){};
    }

    // Non nested function
    person2 = mySandwich('ham', 'cheese', mycallback);

  }());

// YUI style (http://www.yuiblog.com/blog/2007/06/12/module-pattern/)
var myNamespace = myNamespace || {};
myNamespace.module1 = (function() {
         
    //"private" method:
    var getNextAge3 = function(age) {
        return age + 1;
    }          
      
    return {
        person3: function(age) {
            return getNextAge3(age);
        }
    };
}());


// Adding New Functionality to the person4
// http://enterprisejquery.com/2010/10/how-good-c-habits-can-encourage-bad-javascript-habits-part-1/
(function( person4, $, undefined ) {
		    
    person4.Age = 0;
		    		
    //Public Method
    person4.getNextAge = function() {
        return person4.Age + 1;
    };    
}( window.person4 = window.person4 || {}, {} ));

</script>

Test runner

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

Java applet disabled.

Testing in CCBot 2.0.0 / Other 0.0.0
Test Ops/sec
Optimized (No Nesting) 
person2();
 pending…
Nested Function 
person();
 pending…
Module Pattern (YUI style (http://www.yuiblog.com/blog/2007/06/12/module-pattern/)) 
myNamespace.module1.person3(10);
 pending…

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.

0 Comments