Nested Named Functions compared to Module Pattern without last module pattern

JavaScript performance comparison

Revision 13 of this test case created

Info

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

Preparation code

<script>
  (function() {

    // Nested function
    person = function() {
      function getNextAge() {
        console.log("test");
      }
    }

    // Non nested function inner function

    function getNextAge2() {
      console.log("test");
    }

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

  }());

// 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 unknown unknown
Test Ops/sec
Optimized (No Nesting)
person2(10);
pending…
Nested Function
person(10);
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. Here’s a list of current revisions for this page:

0 comments

Add a comment