04.07.2014: Глобальные события (коротко о главном)

Глобальные события

Плюсы

Простота использования
Слабая связанность

Минусы

Слабая связанность
Отладка

Пример

Обновление списка пользователей

Действие «добавить»
Запрос имени пользователя
Сохранение данных
Обновление списка

Пример: события

Add

↓

emit(dialog:add-user)

on(dialog:add-user)

↓

%username%?

add

↓

ajax.save("/user/", { name: el.value })

/* или в лучшем случае */

userList.save({ name: el.value })

↓

emit(users:add, user)

on(users:add, user)

↓

this.userList.push(user);

this.render();

↓

Ваня
Маня
Моисей ←

Пример: события — проблемы

Кто-то, где-то испускает события
Кто-то, где-то слушает и пораждает события
Проследить цепочку «от» и «до» сложно
Нет возможности понять, чем закончилась цепочка
Отладка возможна только в рамках одного события, а не всей цепочки

«Легкая связанность»

Add

↓

dialog.open("add-user")

.catch(function (err) {

/* обработка */

});

dialogs.open("add-user"):Promise

↓

%username%?

add

↓

return userList.save({ name: el.value });

userList.on("change", this.render);

↓

обновление списка

«Легкая связанность»

Единый «узел» получения и изменения данных
«Прозрачная» цепочка «от» и «до»
Всегда известно чем закончилась цепочка
Возможность отладки «от» и «до»

Так нужны события или нет?

Нужны :]

Нужны

Но только там, где нет обратной связи, либо это синхронная цепочка.

			// foo.js
			$(document).on("click", "a", function (evt) {
				#! var url = evt.currentTarget.href;
				#! var event = $.Event("check:url");
				#! $(window).triggerHandler(event, url);
				#! evt.isDefaultPrevented() && evt.preventDefault();
			});
			#!+ // bar.js
			$(window).bind("check:url", function (evt, url) {
				#!+ if (/secret/i.test(url)) {
					evt.preventDefault();
					// бла-бла
				#!- }
			#!- });

Нужны

Но только там, где нет обратной связи, либо это синхронная цепочка.

			// foo.js
			// ..

			// bar.js
			$(window).bind("check:url", function (evt, url) {
				if (/secret/i.test(url)) {
					// Обрабатываем сами, дальше не пускаем
					evt.stopImmediatePropagation();
				}
			});

The End

Всё это только моё мнение.