Принцип сегрегации интерфейса в jQuery

Question

Кто-нибудь может дать хорошую иллюстрацию того, как это работает в jQuery?

В частности, что касается ответа от здесь .

Это звучит так же, как принцип единой ответственности (ОСП) для ООП? Чем он отличается?

Answer 1

Теперь я чувствую себя более комфортно, отвечая на свой вопрос.

С Принципом единой ответственности , я думаю в основном об объектах, созданных как в игре.Этот объект должен отвечать только за себя, с точки зрения внутренних функций / методов.

Что касается Разделение интерфейса , я больше думаю о том, чтобы избегать анонимных вызовов функций и выделять большой кусоккода ... на разные именованные звонки.Это было хорошо объяснено Полом Айришем в jQuery Anti-Patterns для повышения производительности.

Вместо анонимных функций, связанных повсюду, таких как

$(function() {
    //do stuff related to setup menu
    //add facebook, twitter widgets
    //more anonymous actions....
}):

Разделение в четко определенный интерфейс может выглядеть примерно так:

var homepage = (function() {
    function setupMenu() {
        //do stuff related to setup menu
    }
    function setupSocial() {
        //add facebook, twitter widgets
    }
    return {
        setupMenu:setupMenu,
        setupSocial:setupSocial
    }   
})();

$(function() {
    homepage.setupMenu();
    homepage.setupSocial();
})