Creating a function in a loop vs. calling it in a loop

Benchmark created by Ezequiel Rodriguez on

Preparation HTML

<a href="#">You</a>
<a href="#">are</a>
<a href="#">awesome.</a>
<script>
  var a = document.getElementsByTagName('a');
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
Creating in loop
for (var i = 0, l = a.length; i < l; i += 1) {
 a[i].onclick = (function(number) {
  return function() {
   alert(number);
  };
 }(i));
}
ready
Calling in loop
var where = function(number) {
 return function() {
  return alert(number);
 };
};

for (var i = 0, l = a.length; i < l; i += 1) {
 a[i].onclick = where(i);
}
ready

Revisions

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

  • Revision 1: published by Ezequiel Rodriguez on