は、イベント処理の最適化：一つの大きな、または多くの小さな？最高の、そしてなぜあるパターン

Question

？

$myElements.delegate(selector, 'event1 event2', function() { 
    if (event.type === 'event1') { /* Handle event 1 */ } 
    if (event.type === 'event2') { /* Handle event 2 */ } 
} 

OR

$myElements 
    .delegate(selector, 'event1', function() { 
     /* Handle event 1 */ 
} 
    .delegate(selector, 'event2', function() { 
     /* Handle event 2 */ 
} 

言い換えれば、それは一つの大きな統一ハンドラ、または多くの小さな個別のハンドラを持って良いですか？

Answer 1

である第二1

http://jsperf.com/lklklklklklklklklk

を使用することを言うと思います。 jQueryのソースから：

// Handle multiple events separated by a space 
// jQuery(...).bind("mouseover mouseout", fn); 
types = types.split(" "); 

したがって、文字列を分割し、各イベントごとにwhileループを実行するステップがあります。最初のケースでは、すべてのイベントに対してハンドラが呼び出され、if文が実行されます。 2番目のメソッドでは、実際にアタッチされたハンドラだけが呼び出されます。

また、第2版は、同様に読み取ることがずっと簡単です。

Answer 2

私は2番目の1が、私は第二の溶液が好まれるべきであることかなり確信している、おそらく速く