simple mvc example

mvc-example1-1.js

var Model = {};

var View = {};

var Controller = {};

mvc-example1-2.js

var Model = {
  counter: 0
};

mvc-example1-3.js

var View = {
  update: function(model) {
    console.log(JSON.stringify(model));
  }
};

mvc-example1-4.js

var Controller = {
  model: Model,
  view: View,
  count: function () {
    this.model.counter++;
    this.view.update(this.model);
  }
};

mvc-example1-5.js

Controller.count();

mvc-example1-6.js

var Model = {
  counter: 0
};

var View = {
  update: function(model) {
    console.log(JSON.stringify(model));
  }
};
 
var Controller = {
  model: Model,
  view: View,
  count: function () {
    this.model.counter++;
    this.view.update(this.model);
  }
};
 
Controller.count();

mvc-example1-7.js

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

mvc-example1-8.js

var Controller = {
  model: Model,
  view: View,
  count: function () {
    this.model.counter++;
    this.view.update(this.model);
    return this;
  }
};
 
Controller.count().count().count();

mvc-example1-9.js

var subscribers = [View]; 

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

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

var View = {
   update: function(model) {
     console.log(JSON.stringify(model));
   }
};  

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

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