simple mvc pubsub example

mvc-pubsub-example.js

// MVC PubSub and Chaining Explained in < 20 lines of JavaScript

// PubSub
var subscribers = [];
function publish(info) {
   for (i in subscribers) {
     subscribers[i].update(info);
   }
};

// MVC
var Model = {
   counter: 0,
   incr: function () {
     this.counter++;
     publish(this);
   }
};

var View = {
   update: function(model) {
     console.log(JSON.stringify(model));
   }
};
subscribers.push(View); // Subscribe for updates

var Controller = {
   model: Model,
   count: function () {
     this.model.incr();
     return this; // Chaining
   }
};

Controller.count().count().count();

mvc-pubsub-example1.js

var subscribers = [];

function publish(info) {
   for (i in subscribers) {
     subscribers[i].update(info);
   }
};

// after View is defined...
subscribers.push(View);

mvc-pubsub-example2.js

var Model = {
   counter: 0,
   incr: function () {
     this.counter++;
     publish(this);
   }
};

mvc-pubsub-example3.js

var Controller = {
   model: Model,
   count: function () {
     this.model.incr();
     return this;
   }
};