JavaScript Анонимные функции

Question

В этот уик-энд я прочитал следующее в Интернете, и я хотел знать, считают ли большинство других это правильным (лучшим) способом делать вещи.

Это не самый лучший (справа) способ делать вещи:

 
$(document).ready(function() { 
    $('#magic').click(function(e) { 
     $('#yayeffects').slideUp(function() { 
      // ... 
     }); 
    }); 

    $('#happiness').load(url + ' #unicorns', function() { 
     // ... 
    }); 
}); 

То, что это лучше:

 
var PI = { 
    onReady : function() { 
     $('#magic').click(PI.candyMtn); 
     $('#happiness').load(PI.url + ' #unicorns', PI.unicornCb); 
    }, 
    candyMtn : function(e) { 
     $('#yayeffects').slideUp(PI.slideCb); 
    }, 
    slideCb : function() { ... }, 
    unicornCb : function() { ... } 
}; 

$(document).ready(PI.onReady); 

ли выполнить один лучше, чем дальше? Легче для отладки?

Мысли? Комментарии?

Answer 1

Второй вариант - многоразовый - вы можете повторно использовать слайдер Cb и другие обработчики для других событий для других элементов управления.

Answer 2

Если у вас есть stacktrace с множеством анонимных функций, требуется значительно больше времени, чтобы узнать, где именно произошла ошибка и откуда она была вызвана. поэтому плюс 1 для второго.

Код внутри обработчика событий часто не имеет особого отношения к коду, в котором обработчик регистрируется и поэтому должен находиться в отдельной функции/модуле. плюс 1 для второго.

Использование анонимных функций для слушателей также плохо, потому что, если вам нужно удалить этих слушателей (большинство из них не заботятся), вы можете удалить только их, и вам не нужно заботиться о случайном удалении другой формы слушателей другие части кода. плюс 1 для второго.

Включение связанных функций в один объект не обязательно является лучшим. В основном функция onReady плоха, если вы используете поведение слушателей для разных объектов dom.

не заботясь о производительности. слушателя обычно не называют так часто, что это имеет значение. Если это так, скорее всего, проблема в другом месте.