Ответ 1

Каждое решение по архитектуре влияет на производительность, как вы предположили:

Обратный вызов (самый быстрый)

одно к одному, имеет прямую ссылку на функцию

315 873 ops/sec

Паб Sub Events

привязки от одного до многих, требуется, чтобы цикл вызывал несколько обратных вызовов, больше обратных вызовов = худшая производительность

291,609 оп/сек

Promises (самый медленный)

используйте задержку, чтобы гарантировать, что каждый элемент в цепочке не будет вызван одновременно, больше цепей = худшая производительность

253,301 ops/sec

Я бы выбрал обратные вызовы для большинства случаев, если у вас нет нагрузки связанных между собой модулей, тогда pub/sub полезен.

И помните, что они могут работать в тандеме друг с другом. Обычно я допускаю обратный вызов и событие pub/sub внутри одного модуля, позволяя разработчику выбрать, какой из них он предпочтет использовать:

var module = {
    events: [],
    item: { 'name': 'Test module' },
    updateName: function(value, callback) {
        this.item.name = value;
        if (callback) {
            callback(this.item);
        }
        this.dispatchEvent('update', this.item);
    },
    addEvent: function(name, callback) {
        if (!this.events[name]) { this.events[name] = []; }
        this.events[name].push(callback);
    },
    removeEvent: function(name, callback) {
        if (this.events[name]) {
            if (callback) {
                for (var i=0; i<this.events[name].length; ++i) {
                  if (this.events[name][i] === callback) { this.events[name].splice(i, 1); return true; }
                }
            }
            else { delete this.events[name]; }
        }
    },
    dispatchEvent: function(name, data) {
        if (this.events[name]) {
            for (var i=0; i<this.events[name].length; ++i) {
                this.events[name][i]({ data: data, target: this, type: name});
            }
        }
    }
};

module.updateName('Dan'); // no callback, no event
module.updateName('Ted', function (item) { console.log(item); }); // callback, no event
module.addEvent('update', function (item) { console.log(item); }); // add an event
module.updateName('Sal'); // no callback, event callback
module.addEvent('update', function (item) { console.log('event2', item); }); // add a second event
module.updateName('Jim'); // no callback, two event callbacks