Why Instance methods in Javascript? - Purpose & Use Cases

The Big Idea

What if each object could carry its own instructions and act on its own without extra code everywhere?

The Scenario

Imagine you have many toy cars, and each car has its own color and speed. You want to tell each car to start moving. If you try to write separate instructions for each car manually, it quickly becomes confusing and messy.

The Problem

Writing separate functions for each toy car wastes time and causes mistakes. You might forget to update one car's speed or color, and repeating similar code makes your work slow and error-prone.

The Solution

Instance methods let each toy car have its own actions built-in. You create one blueprint for cars, and each car knows how to start moving by itself. This keeps your code clean and easy to manage.

Before vs After

✗ Before

const car1 = { color: 'red', speed: 10 };
function startCar1() { console.log('Car1 is moving at ' + car1.speed); }
startCar1();

✓ After

class Car {
  constructor(color, speed) {
    this.color = color;
    this.speed = speed;
  }
  start() {
    console.log(`${this.color} car is moving at ${this.speed}`);
  }
}
const car1 = new Car('red', 10);
car1.start();

What It Enables

Instance methods let each object act on its own data, making your programs organized and powerful.

Real Life Example

Think of a video game where each character can jump or run. Each character has its own speed and health, and instance methods let each character perform actions independently.

Key Takeaways

Manual code for each object is slow and error-prone.

Instance methods bundle actions with each object.

This makes code cleaner, reusable, and easier to understand.