Prototype vs object style

README.md

Prototype style

function Person(first, last) {
    this.first = first;
    this.last = last;
}

Person.prototype.greet = function () {

    console.log('Hello', this.first, this.last + '!');
};

var bob = new Person('Bob', 'Jones');
bob.greet(); // Hello Bob Jones!

Object style

function person(first, last) {

    return {
        first: first,
        last:  last,
        greet: function () {
            console.log('Hello', first, last + '!');
        }
    };
}

var bob = person('Bob', 'Jones');
bob.greet(); // Hello Bob Jones!

Reference

• mdn: creating objects with a constructor
• mdn: new operator
• a plain english guide to js prototypes

index.js

// prototype style (more advanced)
function DB() {}
DB.prototype.open = function() {}
DB.prototype.close = function() {}
DB.prototype.query = function() {}

function connectToDB() {
  return new DB()
}

// object style (simpler)
function connectToDB() {
  return {
    open: function() {},
    close: function() {},
    query: function() {}
  }
}

// with both the external API is the same
var db = connectToDB()
db.open()
db.query()