Как работает организация связи между модулями Javascript?

Question

[Дима nahkar]

Всем привет, решил разобраться как организовать связь между модулями, и наткнулся на статью на хабре но никак немогу понять как она вызываеться и работает, что передается. Подскажите пожалуйста
// Слабая связанность
var Module1 = {
"init": function ($) {
$.on('event', function (e) { // $ - не jQuery, это экземпляр sandbox
console.log(e.data);
});
}
};

var Module2 = {
"someAction": function ($) { // $ - не jQuery
$.trigger('event', 'data');
}
};

Answer 1

[Сергей Протько]

При вызове метода someAction у модуля модуль инициирует событие event (глобальное событие для всех компонентов которые подписаны на него). В вашем примере модуль Module1 в методе init подписывается на событие и что-то делает при этом.

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

Comments

[Дима nahkar]

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

[Сергей Протько]

Дима nahkar: Нет.

[Дима nahkar]

Сергей Протько: Просто я не пойму, что это $sandbox И пытаясь вызвать метод объекта получаю ошибку

[Алексей П]

Дима nahkar: Дмитрий, советую прочитать здесь о паттернах проектирования в JS и посмотрите это видео www.youtube.com/watch?v=zsp407aITqI
Вам полегчает

[Дима nahkar]

Алексей П: спс

[Алексей П]

Дима nahkar: ссылка на пост, в догонку к комменту
habrahabr.ru/post/132472

Answer 2

[Павел Елизарьев]

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

Comments

[Юрий Пузыня]

И вы действительно загружаете какие-то модули асинхронно в проекте?

[Павел Елизарьев]

Да. Все, кроме тех, что нужны при первом запуске. Gulp (gulpjs.com/) отлично занимается менеджментом загружаемых и предзагруженных модулей, в том числе и HTML.