JS Bin// source http://jsbin.com/semicibudi

JS OOP Practice

// Literal notation
var person = {
  name: "Alex",
  age: 29,
  
  greet: function() {
    console.log("Hello, I'm " + this.name);
  }
}


Object.prototype.greet = function() {
  console.log("Hello there");
}

var alex = Object.create(person);
var anna = Object.create(person);
anna.name = "Anna";

console.log(anna.name);

anna.greet();


// Constructor pattern
function Fruit( theColor, theFruitName ) {
  
  this.color = theColor;
  this.fruitName = theFruitName;
  
  this.showName = function() {
    console.log("This is a " + this.fruitName);
  }
}

var mangoFruit = new Fruit("Yellow", "Mango");
mangoFruit.showName();
console.log(mangoFruit.hasOwnProperty("color"));


// Prototype pattern
function Vegetable() {
  
}

Vegetable.prototype.color = "Red";
Vegetable.prototype.wegetableName = "Cucumber";
Vegetable.prototype.showName = function() {
  console.log("This is a " + this.wegetableName);
}

var appleFruit = new Vegetable();
appleFruit.showName();