I have noticed in an other question the performance difference in loops while using let and var variables declaration.
The initial question is correctly answered that using let in the for loop is slower since let creates a new scope for each iteration to hold the value of let declared variable. More work to be done, so it is normal to be slower. Just as reference, I give the code and the results in NodeJS (7.9.0) execution time:
Please note that all javascript code below regards NodeJS version 7.9.0
Regular Code:
'use strict';
console.time('var');
for (var i = 0; i < 100000000; i++) {}
console.timeEnd('var');
console.time('let');
for (let j = 0; j < 100000000; j++) {}
console.timeEnd('let');
Output:
var: 55.792ms
let: 247.123ms
In order to avoid the extra scope declaration for j in every iteration of the loop, we declare the j variable just before the loop. One would expect that this should now make the let loop performance match the one of var. BUT NO!!! This is the code and the result for reference:
Code with let defined before loop:
'use strict';
console.time('var');
for (var i = 0; i < 100000000; i++) {}
console.timeEnd('var');
console.time('let');
let j;
for (j = 0; j < 100000000; j++) {}
console.timeEnd('let');
Output:
var: 231.249ms
let: 233.485ms
We can see that, not only the let loop did not get any faster but also the var loop became as slow as the let one!!! The only explanation for this is that since we are not in any block or function, both variables are declared in the global module scope. However as referenced here, the let declaration of the variable in the middle of the scope, creates a temporal dead zone, which leaves the variable j uninitialized, while the var initializes the variable as defined.
So running code in a temporal dead zone although the uninitialized variable is not referenced, must be quite slower....
Finally to show the deference, we declare the j variable on top of the program to show the results of running it without the temporal dead zone.
Code without temporal dead zone:
'use strict';
let j;
console.time('var');
for (var i = 0; i < 100000000; i++) {}
console.timeEnd('var');
console.time('let');
for (j = 0; j < 100000000; j++) {}
console.timeEnd('let');
Output:
var: 55.586ms
let: 55.009ms
Now both let and var loops have similar optimized performance!
Does anyone know whether my assumption about temporal dead zone performance is correct, or provide a different explanation???
