jQuery's $ .proxy vs var self - Cách phổ biến để bảo toàn ngữ cảnh của `this`

Question

Cách phổ biến để bảo toàn ngữ cảnh của this là gì? Điều gì sẽ nhanh hơn? Bạn thích cái gì hơn?

1. $ .proxy (...)

   $('a').on('click', $.proxy(function() { 
       this.close(); 
   }, this)); 
   

2. var tự

   var self = this; 
   
   $('a').on('click', function() { 
       self.close(); 
   }); 
   

Answer 1

Hãy bắt đầu bằng cách sửa chữa mã của bạn. Bạn có một khai báo hàm vô dụng, bạn có thể sử dụng $.proxy như

$('a').on('click', $.proxy(this.close, this)); 

Bây giờ, giải pháp thứ hai dựa trên self

• chỉ đòi hỏi cơ bản javascript kiến ​​thức
• không đòi hỏi jQuery
• là dễ đọc hơn một chút, đặc biệt khi bạn thường sử dụng lại biến số self
• của bạn nhanh hơn nhiều

Đó có thể là lý do tại sao nó được sử dụng nhiều hơn.

Lưu ý rằng khi bạn không cần phải tương thích với IE8, bạn có thể sử dụng bind:

$('a').on('click', this.close.bind(this)); 

Answer 2

Chọn một đầu tiên. không yêu cầu thêm biến.

Answer 3

Cả hai đều phổ biến.

Tốc độ trong trường hợp này không liên quan. Người dùng sẽ không nhận thấy nếu cuộc gọi lại cho nhấp chuột bắt đầu sau 0,01 mili giây. hoặc 0,1 mili giây.

Trong trường hợp hiếm hoi, nó sẽ là vấn đề, tôi hy vọng phương pháp biến sẽ nhanh hơn một chút, nhưng bạn sẽ phải đánh giá nó.

Tùy chọn cá nhân của tôi thay đổi, tùy thuộc vào nơi nó được sử dụng và mã nào bên trong gọi lại. Một lợi thế của phương thức biến là nó hoạt động cho các cuộc gọi lại lồng nhau mà không cần phải áp dụng lại nó cho mỗi cấp.