Tôi có nên cache $ (this) trong jQuery nếu nó được sử dụng nhiều lần không?

Question

Tôi biết rằng bạn có nghĩa vụ lưu vào bộ nhớ cache kết quả của bộ chọn nếu bạn sử dụng nó nhiều lần. Ví dụ:

var $selected = $('.some-selected-element'); 

process($selected); 
doStuff($selected); 

Nhưng có lợi ích nào khi lưu vào bộ nhớ đệm $(this) nếu được sử dụng nhiều lần không?

$('.some-selector').hover(function() { 
    if (!$(this).hasClass('some-other-class')) { 
     $(this).addClass('another-class'); 
    } 
    process($(this)); 
} 

Answer 1

Có, có hiệu suất tăng lên, bởi vì nó ngăn jQuery phải giải thích bộ chọn của bạn.

Dưới đây là giải thích của một selector, và những gì bạn sẽ được bỏ qua. https://github.com/jquery/jquery/blob/master/src/core.js#L78-188

Về cơ bản, đây là một phần

if (selector.nodeType) { 
    this.context = this[0] = selector; 
    this.length = 1; 
    return this; 
} 

Answer 2

Có, có lợi ích hiệu suất.

Cach lưu kết quả của $(this) tránh nhiều cuộc gọi đến chức năng $() và tạo một số đối tượng jQuery khác nhau mà tất cả tham chiếu đến cùng một phần tử.

Answer 3

Hàm $() tìm nút DOM cho phần tử và áp dụng các phương thức được tạo mẫu cho các trình duyệt chưa thêm chúng khi được xác định (trình duyệt IE). Vì vậy, liên tục gọi nó sẽ thực hiện hoạt động này. Nó là tốt hơn cho hiệu suất và khả năng đọc bộ nhớ cache đầu ra của cuộc gọi hàm $() đến một biến.

Answer 4

jsperf.com là một nguồn lực lớn - và một tôi đã thực hiện để thường xuyên lui tới của cuối năm - để đánh giá hiệu suất JavaScript. Ví dụ, các thử nghiệm sau đây để đánh giá hiệu quả hoạt động của các yếu tố jQuery cache để người không cache:

http://jsperf.com/jquery-cache-vs-no-cache

Kết quả echo câu trả lời trong chủ đề này.