Prototypes in JavaScript

Introduction

Every object has an internal link to another object called its prototype. When you read user.save, JavaScript looks on user, then walks the prototype chain until it finds save or returns undefined. Classes are built on this model—understanding prototypes explains instanceof, method sharing, and inheritance.

Prerequisites

[[Prototype]] and __proto__

javascript
// Objects inherit from Object.prototype by default
const obj = { a: 1 };
console.log(Object.getPrototypeOf(obj) === Object.prototype);
 
const proto = Object.getPrototypeOf(obj);
console.log(proto.toString === Object.prototype.toString);

Avoid relying on __proto__ in application code—use Object.getPrototypeOf / Object.setPrototypeOf or classes.

Methods Live on the Prototype

speak is shared by all Animal instances—memory efficient.

Class Desugars to Prototype

Prototype Chain Lookup

javascript
// Inherited method from Object.prototype
const point = { x: 1, y: 2 };
console.log(point.toString());
 
// Shadowing: own property hides prototype
point.toString = () => "custom";
console.log(point.toString());

Object.create

javascript
// New object with explicit prototype
const personProto = {
  greet() {
    return `Hi, ${this.name}`;
  },
};
 
const ada = Object.create(personProto);
ada.name = "Ada";
console.log(ada.greet());

Mini Example: Shared Behavior Without Class

FAQ

Prototype vs class?

class is clearer syntax; prototypes are the underlying mechanism.

Can I change a prototype after creating instances?

Yes—existing instances see new methods added to their prototype; be careful in libraries.

Multiple inheritance?

JavaScript has single prototype chain; mixins copy methods onto prototypes or use composition.

What comes next?

Constructors—constructor, new, and static members.