Nested Named Functions compared to Module Pattern without last module pattern (v7)

Revision 7 of this benchmark created on

Description

Demonstrating the performance hit caused by nested functions and testing against module pattern, without certain module pattern.

Preparation HTML

<script>
  (function() {

    // Nested function
    person = function(age) {
      function getNextAge() {
        return age + 1;
      }
      return getNextAge();
    }

    // Non nested function inner function

    function getNextAge2(age) {
      return age + 1;
    }

    // Non nested function
    person2 = function(age) {
      return getNextAge2(age);
    }

  }());

// 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);
        }
    };
}());
var person3 = myNamespace.module1.person3;


// 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

Ready to run.

Testing in
TestOps/sec
Optimized (No Nesting)
person2(10);
person2(10);
person2(10);
person2(10);
person2(10);
ready
Nested Function
person(10);
person(10);
person(10);
person(10);
person(10);
ready
Module Pattern (YUI style (http://www.yuiblog.com/blog/2007/06/12/module-pattern/))
person3(10);
person3(10);
person3(10);
person3(10);
person3(10);
ready

Revisions

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