hautamaki 25 окт 2011 в 18:35

Паттерн «Обозреватель» и контекст вызова в Javascript

3 мин

13K

JavaScript*

Из песочницы

+29

Комментарии 24

k12th 25 окт 2011 в 18:48

Можно еще использовать метод функций .bind

hautamaki 25 окт 2011 в 19:07

Да, можно. Иногда даже и нужно. Правда не все изменения окружения можно забиндить, плюс ко всему связывание получается слишком сильным. Ну и коллбэки не очень хороши, когда их много. А вообще, всё от задачи зависит.

knekrasov 25 окт 2011 в 19:21

Могут быть проблемы с кроссбраузерностью: bind() поддерживается только в ecmascript версии 5.

k12th 25 окт 2011 в 19:22

Реализация тривиальна.

knekrasov 25 окт 2011 в 19:25

Не спорю. Но стоит иметь в виду.

Azy 25 окт 2011 в 20:08

Отличное объяснение.
Только поставьте комментарий то что!!! это приведение к boolean, а то это весьма неявно )

Я в последнее время использую Backbone.Event

serf 25 окт 2011 в 21:15

А зачем вообще приводить к Boolean если потом нет явного сравнения на истину (logtype === true), тут было бы достаточно this.type = logtype || «alert»;

KAdot 25 окт 2011 в 21:19

1. Не самая удачная реализация паттерна Observer. Модифицировать прототипы встроенных объектов — дурной стиль.
2. В русской литературе принят перевод «Наблюдатель».

burivuh 25 окт 2011 в 22:04

Поддержу. Гадить в прототипы объектов — плохо. Кое-где это еще бывает оправдано (например, добавление объектам методов, не поддерживаемых старыми браузерами), но это явно не тот случай.
На мой взгляд, куда лучше метод регистрации наблюдателя сделать в самом объекте Observable.
Вспомните обычные события DOM (elem.addEventListener). Посмотрите как это сделано в коде Firefox (всякие addObserver и addProgressListener).

KAdot 25 окт 2011 в 21:33

А код то вообще пробовали проверять? В первом примере ошибка:

Function.prototype.subscribe = function(observable) {
    observable.observers.push(observer);    // <- observer не определен
    return this;
}

KAdot 25 окт 2011 в 21:38

В остальных примерах тоже ошибки. Должно быть logger.write.subscribe(c.onChange, logger) вместо logger.write(c.onChange, logger).
Мда, и у этого поста 20 с лишним плюсов.

hautamaki 25 окт 2011 в 21:58

Действительно, оговорился. Спасибо, исправил.

Pozadi 25 окт 2011 в 22:10

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

semper 26 окт 2011 в 02:21

как раз только что наткнулся: сравнение разных реализаций Наблюдателя в JS (на английском)

torbasow 26 окт 2011 в 09:57

чтобы заработал крайний пример

Какой-какой пример? 0_o

OlegTar 27 окт 2011 в 11:32

Может автор — лётчик? В авиации не говорят последний, говорят крайний.

hautamaki 27 окт 2011 в 12:13

А ещё моряки и, иногда, машинисты :)

TheShock 26 окт 2011 в 09:59

Очень перемудрили. subscribe засунули почему-то в прототип функции. И даже не потому что «расширять прототипы — это плохо», а потому что ему там совсем не место. Зачем this равен текущей функции, если this по-умолчанию — не задан. Проходить массивы через for (var i in this.observers) — дурной тон.
И правильно люди выше сказали — JavaScript — не Java.

element.addEvent( 'click', object.method, object );

Где интерфейс такой:

addEvent( String event, Function callback[, Object context = null] );

OlegTar 27 окт 2011 в 11:43

Согласен автор перемудрил, я делаю обычно так (покажу упрощенно):

function myClass {
   this.listeners = new Array();
   this.args = new Array();
   this.objs  = new Array();//Объекты, которые будет играть роль объекта this в функции
}

myClass.prototype.addListener = function (func, arg, obj) {
   this.listeners.push(func);
   this.objs.push(obj);
   this.args.push(arg);
}

myClass.prototype.funcEvent = function () {
   //тут чего-то делаем
   ...
   //вызываем слушателей:
   for (var i = 0; i < this.listeners.length; i++) {
       this.listeners[i].apply(this.objs[i], this.args[i]);
   }
}

//В коде
var o = new MyClass();
//Делаем подписки
o.addListener(func1, ['arg1', 'arg2']);
o.addListener(func2, ['arg1', 'arg2'], obj);
...
o.funcEvent();

func1 () {
...
}

func2 () {
...
}