Javascript foreach performance del ciclo

Question

Sto cercando di migliorare alcuni dei nostri per ogni loop e creato un benchmark di test per confrontare diversi modi in cui li stiamo utilizzando. Il test può essere found here.

sono stato sorpreso di scoprire che questo codice:

function add(val) { 
    sum += val; 
} 
values.forEach(add); 

esegue meglio di questo.

values.forEach(function(val) { 
    sum += val; 
    }); 

Non sono esattamente uguali? Cosa rende il primo frammento di codice più veloce del secondo?

Answer 1

È un problema con il test. I test sono:

values.forEach(add); 

e

values.forEach(function(val) { 
    sum += val; 
}); 

Nella seconda prova, il gioco è temporizzazione la creazione della funzione così come l'esecuzione del forEach. Nel primo test, non stai cronometrando la creazione della funzione; questo è fatto durante la fase di setup del test, che non è a tempo.

Davin Tryon creato a test that creates the functions in both cases:

function add(val) { 
sum += val; 
} 
values.forEach(add); 

vs.

values.forEach(function(val) { 
    sum += val; 
}); 

... in cui la differenza di prestazioni scompare su alcuni motori, e va nella direzione opposta (dichiarazione di essere più lento) su alcuni . (Quest'ultimo è probabilmente che il motore capisce durante la prova che può inline la funzione, o almeno saltare alcuni dei passaggi che non può ignorare con una dichiarazione.)