Hiệu suất vòng lặp foreach của Javascript

Question

Tôi đang xem xét cải thiện một số của chúng tôi cho mỗi vòng và tạo một điểm chuẩn kiểm tra để so sánh các cách khác nhau mà chúng tôi đang sử dụng chúng. Bài kiểm tra có thể là found here.

Tôi rất ngạc nhiên khi phát hiện ra rằng đoạn mã này:

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

hoạt động tốt hơn thế này.

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

Đây không phải là chính xác không? Điều gì làm cho đoạn mã đầu tiên nhanh hơn đoạn mã thứ hai?

Answer 1

Đó là vấn đề với thử nghiệm của bạn. kiểm tra của bạn là:

values.forEach(add); 

và

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

Trong thử nghiệm thứ hai, bạn đang thời gian tạo ra các chức năng cũng như thực hiện các forEach. Trong bài kiểm tra đầu tiên, bạn không định thời gian tạo hàm; điều đó được thực hiện trong giai đoạn thiết lập của thử nghiệm, mà không phải là thời gian.

Davin Tryon tạo a test that creates the functions in both cases:

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

vs

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

... trong đó sự khác biệt trong hoạt động biến mất trên một số công cụ, và đi theo cách khác (khai bị chậm) trên một số . (Sau này có lẽ là động cơ số liệu hiện trong bài kiểm tra đó nó có thể nội tuyến chức năng, hoặc ít nhất là bỏ qua một số bước mà nó không thể bỏ qua với một tuyên bố.)