Tốc độ [] .forEach.call (...

Question

Tôi là một fan hâm mộ lớn của việc sử dụng phương pháp foreach trên nodeLists như thế này:

var nodes = document.querySelectorAll(".foo"); 

[].forEach.call(nodes, function (item) { 
    //do stuff with item 
}); 

tôi đã tự hỏi, mặc dù không làm nó theo cách đó mất dài hơn cách thường xuyên? ví dụ

for(var i=0;i<nodes.length;i++){ 
    //do stuff with nodes[i]; 
} 

Answer 1

Dưới đây là một nice performance comparison. Theo đó Array.forEach là chậm hơn so với một vòng lặp for bản địa.

Answer 2

nó tùy theo tính chất ds trên trình duyệt. Và đừng quên trong khi() nhanh nhất trên Firefox 4. Here's a comparison.

Cũng xin lưu ý rằng nếu bạn đang hỗ trợ các trình duyệt cũ hơn không hỗ trợ choEach, bạn cần thêm thời gian cần thiết vào implement a polyfill.

Answer 3

Tôi biết đó là một bài đăng cũ nhưng sử dụng phương pháp forEach có thể được thực hiện bằng cách ăn cắp nguyên mẫu Array.

NodeList.prototype.forEach = Array.prototype.forEach;