Có sự khác biệt về hiệu suất giữa bộ chọn jquery hay biến số

Question

Gần đây tôi đã tự hỏi liệu có sự khác biệt hiệu suất giữa việc lặp lại bộ chọn một lần nữa hay chỉ bằng cách sử dụng var và lưu bộ chọn trong đó và chỉ tham chiếu đến nó .

$('#Element').dothis(); 

$('#Element').dothat(); 

$('#Element').find('a').dothat(); 

hoặc chỉ

var Object = $('#Element'); 

Object.dothis(); 

Object.dothat(); 

$('a', Object).dothat(); 

tôi thích cách thứ hai bởi vì nó trông sạch hơn và duy trì tốt hơn.

Answer 1

Chắc chắn có một sự khác biệt về hiệu suất, vì việc sizzle không phải được thực thi mỗi lần, tuy nhiên, đó cũng là một sự khác biệt về chức năng. Nếu dom xảy ra thay đổi giữa các cuộc gọi thứ 1 và thứ 3, đối tượng jQuery được lưu trong bộ nhớ cache sẽ vẫn chứa tập hợp các phần tử cũ. Điều này thường có thể xảy ra nếu bạn đặt bộ nhớ cache và sau đó sử dụng nó trong một cuộc gọi lại.

Answer 2

Tôi thích cách thứ hai. Nó sẽ là dễ dàng hơn để duy trì mã ngay cả khi id phần tử hoặc lớp thay đổi.

Answer 3

Có một cách nhanh khác. Nhanh như mã thứ hai của bạn.

$('#Element') 
    .dothis() 
    .dothat() 
    .find('a') 
     .dothat(); 

Answer 4

Cách thứ hai có lợi ích hiệu suất. Nó có thể hoặc có thể không được tuyệt vời nhưng nó là tốt hơn. Trong phiên bản đầu tiên, bạn đang làm dom traversal 4 lần, trong lần thứ hai bạn chỉ làm 2.

bài viết Khá tốt về đẩy nhanh tiến độ jQuery đây: http://net.tutsplus.com/tutorials/javascript-ajax/10-ways-to-instantly-increase-your-jquery-performance/

Answer 5

rộng trên phương pháp Ghommey của

var Object = $('#Element'); 

Object 
    .dothis() 
    .dothat() 
    .find('a') 
     .dothat(); 

Nhanh hơn và lưu trữ đối tượng để sử dụng sau này.

Answer 6

Lưu trữ kết quả từ bạn lựa chọn jQuery vào biến nhanh hơn. Điều này là do jQuery không cần tra cứu các kết quả mỗi khi bạn cố truy cập chúng.

Tôi đặt cùng một số số liệu hiệu suất: http://jsperf.com/jquery-selectors-vs-stored-variable

Mở Chrome 26.0.1410.63 trên Mac OS X 10.8.2:
Lựa chọn: 40.276 ops/giây
Lưu trữ các biến: 594.031.358 ops/giây