Javascript foreach 루프 성능

Question

각 루프에 대해 몇 가지 개선점을 살펴보고이를 사용하는 여러 가지 방법을 비교하는 테스트 벤치 마크를 만들었습니다. 테스트는 found here 일 수 있습니다.

는이 코드 것을 찾을 수 놀랐습니다 :

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

이보다 더 나은 수행합니다.

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

정확히 일치하지 않습니까? 첫 번째 코드 조각을 두 번째 코드 조각보다 빠르게 만드는 것은 무엇입니까?

Answer 1

테스트에 문제가 있습니다. 당신의 검사 결과는 다음과 같습니다

values.forEach(add); 

와 두 번째 테스트에서

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

, 당신은 함수의 생성뿐만 아니라 forEach의 실행 타이밍 있습니다. 첫 번째 테스트에서는 함수를 생성하는 시점을 정하지 않습니다. 이는 테스트의 설정 단계에서 완료되었지만 시간이 걸리지 않았습니다.

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

대 성능의 차이가 일부에서 (선언이 느리게되는) 다른 방법을 몇 가지 엔진에 사라지고, 이동하는

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

... :

Davin Tryon는 a test that creates the functions in both cases를 생성 . (후자는 엔진이이 함수를 인라인, 또는 적어도 그것이 선언으로 건너 뛸 수없는 몇 가지 단계를 건너 뛸 수있는 테스트 중에 파악하는 것이 아마도.)