jQuery's $ .proxy vs var self - Typowy sposób na zachowanie kontekstu tego `

Question

Jaki jest najczęstszy sposób na zachowanie kontekstu this? Co jest szybsze? Co wolisz?

1. $ .proxy (...)

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

2. var własnym

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

Answer 1

Zacznijmy od ustalenia kodu. Masz niepotrzebny deklaracja funkcji, można użyć $.proxy jak

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

Teraz drugiego rozwiązania opartego na self

• wymaga jedynie podstawowej wiedzy javascript
• nie wymaga jQuery
• jest trochę bardziej czytelny, zwłaszcza że często używasz ponownie swojej zmiennej self zmienna
• jest znacznie szybsza

To pewnie dlatego jest bardziej używany.

Należy pamiętać, że jeśli nie muszą być zgodne z IE8, można użyć bind:

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

Answer 2

Wybierz pierwszy. nie wymaga dodatkowej zmiennej.

Answer 3

Obie są wspólne.

Prędkość w tym przypadku nie ma znaczenia. Użytkownik nie zauważy, czy wywołanie zwrotne dla kliknięcia rozpoczyna się po 0,01 ms. lub 0,1 ms.

W rzadkich przypadkach, w których ma to znaczenie, oczekuję, że metoda zmiennej będzie nieco szybsza, ale trzeba by ją porównać.

Moje osobiste preferencje różnią się w zależności od tego, gdzie są używane i od tego, jaki jest kod wewnątrz wywołania zwrotnego. Jedną z zalet metody zmiennej jest to, że działa ona dla zagnieżdżonych wywołań zwrotnych bez konieczności ponownego jej stosowania na każdym poziomie.