How does communication between Javascript modules work?

Question

JavaScript

Hello everyone, I decided to figure out how to organize communication between modules, and came across an article on Habré, but I just can’t understand how it is called and works, what is transmitted. Please tell me
// Loosely coupled
var Module1 = {
"init": function ($) {
$.on('event', function (e) { // $ is not jQuery, it's a sandbox instance
console.log(e.data) ;
});
}
};

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

Answer 1

When the someAction method is called on a module, the module fires an event (a global event for all components that subscribe to it). In your example, Module1 in the init method subscribes to the event and does something about it.
Read about the observer pattern and all that. It is important to understand where to apply this approach and where it is better to explicitly call the method of another module.

Answer 2

For the purpose of breaking down the client application into modules, I use the AMD approach . The most popular implementation of this mechanism is provided in RequireJS . AMD's approach as a whole is now very popular, because with little effort it allows you to implement asynchronous module loading.