JavaScript Prototype

What is object prototype in JS?

• In JS objects use themselves to share properties and inherit features from one another and this is done using prototype.

function Car() {
  this.company = 'Bugatti'
  this.doors   = 4
}

const car = new Car();

console.log(Car.prototype);

// Car{}

• The prototype is itself an object so the prototype will have its prototype making what is called a prototype chain.

• The chain ends when we reach a prototype that has Null for its prototype.

• Prototype inheritance is used to add methods and properties to the objects.
  

function Car() {
  this.company = 'Bugatti'
  this.doors   = 4
}


const car1 = new Car();
const car2 = new Car();

Car.prototype.model = 'Bugatti veyron'

console.log(Car.prototype)

console.log(car1.model)
console.log(car2.model)


// Output

// Car { model: 'Bugatti veyron' }
// Bugatti veyron
// Bugatti veyron

Prototype are used because:

1. They use less memory.
2. There is less coupling.
3. Prototypes can be easily extended.

Learn more about prototype

Guide to JavaScript’s Prototype

Connect with Me 😊

🔗 Links