Có lợi ích thực sự nào khi sử dụng phương thức javascript Array reduce() không?

Question

Hầu hết các trường hợp sử dụng của phương thức reduce() có thể được viết lại dễ dàng bằng vòng lặp for. Và thử nghiệm trên JSPerf cho thấy rằng giảm() thường chậm hơn 60% -75%, tùy thuộc vào các hoạt động được thực hiện bên trong mỗi lần lặp.

Có lý do thực sự nào để sử dụng hàm reduce() sau đó, ngoài việc có thể viết mã theo 'kiểu chức năng'? Nếu bạn có thể đạt được hiệu suất 60% bằng cách viết thêm một chút mã, tại sao bạn lại sử dụng reduce()?

EDIT: Trên thực tế, các phương thức chức năng khác như forEach() và map() đều hiển thị hiệu suất tương tự, chậm hơn ít nhất 60% so với đơn giản cho các vòng lặp.

Dưới đây là một liên kết đến bài kiểm tra JSPerf (với chức năng cuộc gọi): forloop vs forEach

Answer 1

• Bạn có thể muốn xác định phạm vi. Ví dụ bạn có thể muốn thực hiện chức năng gọi lại hoặc có tham chiếu đến đối tượng javascript. Để biết thêm thông tin, hãy xem tại sao javascript không bị chặn phạm vi. [chỉnh sửa: javascript hiện tại hiện hỗ trợ let biến. Quay trở lại trước ESv6, khi bạn khai báo biến số var, nó đã được hoisted như thể nó được viết ở trên cùng của khóa mã hàm, do đó bạn thường phải viết các phần của vòng lặp như các hàm. Điều này sau vẫn áp dụng mặc dù:] Nếu bạn đã có một chức năng bằng văn bản, cũng có thể sử dụng phong cách chức năng, trừ khi đó là một nút cổ chai đáng kể.
• Mã của bạn không phải lúc nào cũng cần chạy ở tốc độ máy đầy đủ. Bạn thậm chí không thể tối ưu hóa mã trong nút cổ chai.
• Ngoài ra, bạn không cung cấp "thử nghiệm trên JSPerf" để chúng tôi có thể phê bình nó. Ví dụ, nếu bạn đã có một chức năng giảm (hoặc bản đồ hoặc forEach chức năng), sau đó tôi đặt cược hiệu suất sẽ là ngang hàng. Thậm chí nếu không, phương pháp thử nghiệm có thể không hoàn thiện, đặc biệt khi nhiều trình duyệt có thể tối ưu hóa khác nhau hoặc có chức năng gọi điện trên cao khác nhau.

sidenote: đây là một so sánh hiệu suất hợp lệ giữa cú pháp, nhưng một sự so sánh hiệu suất không hợp lệ trong khi cú pháp không phải là câu hỏi trong tầm tay:

myArray.map(function(x){return x+1}) 

// ...versus... 

for(var i=0; i<myArray.length; i++) { 
    myArray[i] = myArray[i]+1; 
} 

Đây sẽ là một so sánh hiệu suất hợp lệ:

myArray.forEach(function(x){return x+1}) 

// ...versus... 

var plusOne = function(x){return x+1}; 
for(var i=0; i<myArray.length; i++) { 
    plusOne(myArray[i]); 
} 

// (may need a side-effect if the compiler is smart enough to optimize this) 

(Cũng trong bài trả lời để chỉnh sửa của bạn: .forEach() và .map() cung cấp rõ ràng hơn rất nhiều, và tránh sự cần thiết cho vòng lặp rõ ràng int i=0; i<array.length; i++ đối số.)