Thay thế mỗi jQuery bằng

Question

Tôi đã sử dụng $ .each để thực hiện lặp lại trong một thời gian, nhưng tôi tiếp tục nghe mọi người nói để sử dụng JS gốc để làm các vòng lặp. Tôi rất quan tâm đến hiệu suất nhưng tôi không chắc chắn nếu nó luôn luôn có thể thay thế $ .each với một cách có ý nghĩa.

Vì vậy, câu hỏi của tôi là, có thể luôn luôn thay thế $ .each với, và nếu không phải là quy tắc của ngón tay cái cho khi nó có thể được thực hiện và khi nó không thể.

Tôi có một từng như thế này:

$this.find("div.class").each(function(){ 
    var $thisparent = $(this).parent(); 

    if (condition) {   
    $(this).prepend($thisparent.text()); 
    } 

    if (condition2) {   
    $(this).prepend($thisparent.text()); 
    } 

}); 

Answer 1

Đây là những gì jQuery làm với .each, cơ bản:

$.fn.each = function(callback) { 
    var i, length = this.length; 
    for(i = 0; i < length; ++i) { 
     callback.call(this[i]); 
    } 
}; 

Vì vậy, thật khó để thay thế 'nội dung' của hàm ẩn danh bằng cuộc gọi callback.call. Chỉ cần chắc chắn thay thế this bằng một tạm thời với đối tượng jQuery.

Chuyển đổi mã được cung cấp của bạn:

var foo = $this.find("div.class"), 
    fooLength = foo.length, 
    i, 
    $thisparent; 

for (i = 0; i < fooLength; ++i) { 
    $thisparent = $(foo[i]).parent(); 

    if (condition) {   
     $(foo[i]).prepend($thisparent.text()); 
    } 

    if (condition2) {   
     $(foo[i]).prepend($thisparent.text()); 
    } 
} 

Để biết thêm tốc độ (tiềm năng), bộ nhớ cache foo[i] thành một tạm thời. và chỉ gán $thisparent khi cần. Nếu condition và condition2 loại trừ lẫn nhau, hãy sử dụng một đơn if (condition || condition2).

Answer 2

Có người đã so sánh hiệu suất của for và $.each:

http://jquery-howto.blogspot.com/2009/06/javascript-for-loop-vs-jquery-each.html