Gain insights into writing cleaner, modular, scalable JavaScript code through OOP. Explore basics to advanced concepts like prototypal inheritance, method overriding, and ES6 features.

Learn to write cleaner, more modular, and more scalable code in JavaScript by gaining mastery of Object Oriented Programming (OOP). 

You'll start with the basics of object-oriented programming and build up to more advanced concepts such as prototypal inheritance, prototype chaining, method overriding and mixins. Along the way, you'll learn how each concept applies to JavaScript's sometimes unique way of handling things. You'll also see how various JavaScript features make it particularly convenient for OOP, with particular emphasis on changes introduced in ES6.

This course is filled with hands-on coding challenges, playgrounds, snippets, and illustrations to keep things interactive.

Learn Object-Oriented Programming in JavaScript

## Prototypal inheritance from `Object`

How does prototypal inheritance/prototype chaining work when constructor functions are used to create objects?

All properties (including methods) added to the prototype of the constructor function could be shared by the object instances created from it.

Every constructor function initialized has a *prototype property* assigned to it known as the **Prototype Object**. It contains the properties `constructor` and `__proto__` that sets the object's `[[Prototype]]` property. Its `[[Prototype]]` is set to `null`. All object instances created will have their `[[Prototype]]` reference the prototype object. The images below depict this:

# Prototypal inheritance from `Object`

How does prototypal inheritance/prototype chaining work when constructor functions are used to create objects?

All properties (including methods) added to the prototype of the constructor function could be shared by the object instances created from it.

Every constructor function initialized has a *prototype property* assigned to it known as the **Prototype Object**. It contains the properties `constructor` and `__proto__` that sets the object's `[[Prototype]]` property. Its `[[Prototype]]` is set to `null`. All object instances created will have their `[[Prototype]]` reference the prototype object. The images below depict this:

This lesson teaches us the concept of prototypal inheritance in function objects as well as property shadowing.

Introduction

Objects in JavaScript

Functions as Objects

OOP in JS - Exam 1

Classes

Inheritance

OOP in JS - Exam 2

Prototypal Inheritance in Function Objects

Prototypal inheritance from `Object`