Untitled Publication

Untitled Publication

What is Prototype chain ?

PublishedMay 31, 2024

•1 min read•View as Markdown

What is Prototype chain ?

Part of seriesEverything you need to know about JS!

In our previous article we saw what is prototype inheritance. If you haven't read about it , do have a look at it.

https://breakthecode.hashnode.dev/how-does-prototype-delegation-inheritance-work

Let's look at the same example. The ability of the object (maria) to look up for properties in its prototype is known as Prototype chain. Here the object(maria) and Employee.prototype forms a prototype chain.

But is that all ? 🤔💭 Employee.prototype is also an object. All objects in JS also have a prototype(_ _proto_ _).

Lets dive deeper.

The prototype of Employee.prototype is Object.prototype. Why? Employee.prototype is an object which is created by the constructor function Object() , when we use the new() for creating an object.

The prototype of Object() is Object.prototype.

This chain of objects connected through prototypes is known as Prototype Chain. Object.prototype stays at the top of the chain. So what is the prototype of Object.prototype ? 🤔 It is null !

Untill the next one , Break,Code,Repeat !😀

#javascript #prototype-chain

Comments

Join the discussion

No comments yet. Be the first to comment.

Everything you need to know about JS!

Part 6 of 9

How does prototype delegation / inheritance work ?

Let us look at the following code snippet: //constructor function const Employee = function (empId, empName) { //instance properties this.empId = empId; this.empName = empName; }; This is a basic constructor , now what if I want to add a method ...

More from this blog

Lets Encapsulate : Designing an ATM

In this article we would cover one of the fundamental concept of OOP, Encapsulation. Encapsulation is the practice of bundling the data (variables) and methods (functions) that operate on the data into a single unit, or class, and restricting access ...

Jul 8, 20242 min read

Lets Encapsulate : Designing an ATM

Inheritance in JS Simplified using objects

In this article we would see how we can implement inheritance through objects Lets create a parent prototype object : const staffProto = { init(firstName, lastName) { this.firstName = firstName; this.lastName = lastName; }, empDetails()...

Jun 5, 20241 min read

Inheritance in JS Simplified using objects

JS Inheritance Simplified with ES6 classes

Lets create a class , Staff : class Staff { constructor(empName, empId, dept, doj) { this.empName = empName; this.empId = empId; this.dept = dept; this.doj = doj; } //methods are added to the prototype property of the class em...

Jun 4, 20242 min read

JS Inheritance Simplified with ES6 classes

JS Inheritance Simplified with Constructor Functions

Lets create an Employee constructor function with the following instance properties. const Employees = function (empName, empId, dept, doj) { this.empId = empId; this.empName = empName; this.dept = dept; this.doj = doj; }; Lets create a meth...

Jun 2, 20242 min read

JS Inheritance Simplified with Constructor Functions

Do you need a constructor every time you implement prototypal inheritance ?🤔💭

Well the answer is NO. Hey there ! Welcome back to another read. It is possible in Javascript to manually implement prototypal inheritance. Well how ?Lets look at the code below. //object literal (prototype) const empProto = { setEmpLocation(locati...

Jun 1, 20241 min read

Do you need a constructor every time you implement prototypal inheritance ?🤔💭

Untitled Publication

9 posts

Break. Code. Repeat.