JavaScript pętla foreach wydajność

Question

Szukam poprawy niektórych z naszych dla każdej pętli i stworzył test porównawczy, aby porównać różne sposoby ich używamy. Test może być found here.

Byłem zaskoczony, aby dowiedzieć się, że ten kod:

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

działa lepiej niż ten.

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

Czy to nie to samo? Co sprawia, że ​​pierwszy fragment kodu jest szybszy od drugiego?

Answer 1

To jest problem z twoją próbą. Twoje testy są:

values.forEach(add); 

i

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

W drugim teście, jesteś rozrządu tworzenie funkcji, jak również wykonanie forEach. W pierwszym teście nie masz czasu na tworzenie funkcji; odbywa się to podczas fazy konfiguracji testu, która nie jest ustalana w czasie.

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

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

vs.

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

... w których różnica w wydajności znika na kilka silników, a idzie w drugą stronę (deklaracja jest wolniejsze) na niektóre . (Ta ostatnia jest prawdopodobnie to, że silnik dane, podczas testu, który może inline funkcję, przynajmniej pominięcie pewnych etapów, które nie mogą przejść z zgłoszenia.)