jQueryの$ .proxyとvar self - 'this'のコンテキストを保存する一般的な方法

Question

thisのコンテキストを保存する一般的な方法は何ですか？ もっと速いのは何ですか？あなたは何を好きですか？

1. $ .proxy（...）

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

2. のvar自己

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

Answer 1

のは、あなたのコードを修正してみましょう。あなたは役に立たない関数宣言を持って、今、self

• に基づいて、第2の解決策はあるのjQuery
を必要としない
• のみ、基本的なJavaScriptの知識が必要です

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

  としてあなたが$.proxyを使用することができますあなたが頻繁にあなたのself変数を再利用するように、少し読みやすくなります。
• ははるかに高速です

それはおそらくそれがより多く使われている理由です。あなたはIE8と互換性があるように持っていないとき、あなたはbindを使用することが

注：

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

Answer 2

まずいずれかを選択します。余分な変数は必要ありません。

Answer 3

どちらも共通しています。

この場合の速度は関係ありません。 0.01ミリ秒後にクリックのコールバックが開始されるかどうかはユーザーにはわかりません。または0.1ms。

まれに、変数メソッドが少し速くなると思いますが、ベンチマークする必要があります。

個人的な好みは、使用される場所やコールバック内のコードによって異なります。可変メソッドの1つの利点は、ネストされたコールバックに対して各レベルにそれを再適用する必要なしに機能することです。