Why Static members with types in Typescript? - Purpose & Use Cases

The Big Idea

Discover how static members can save you from messy, error-prone code when sharing data across all objects!

The Scenario

Imagine you have a class representing a car, and you want to keep track of how many cars have been created. Without static members, you'd have to manually update a separate variable every time you create a new car object.

The Problem

This manual counting is slow and error-prone because you might forget to update the count, or accidentally reset it. Also, managing shared data outside the class breaks the neat organization of your code.

The Solution

Static members let you store data or functions that belong to the class itself, not to any single object. With types, TypeScript ensures you use these static members correctly, preventing mistakes and keeping your code clean and safe.

Before vs After

✗ Before

let carCount = 0;
class Car {
  constructor() {
    carCount++;
  }
}

✓ After

class Car {
  static count: number = 0;
  constructor() {
    Car.count++;
  }
}

What It Enables

It enables you to manage shared data and behavior safely and clearly, improving code organization and reducing bugs.

Real Life Example

For example, counting how many users are currently logged in by storing the count as a static member of a User class.

Key Takeaways

Static members belong to the class, not instances.

TypeScript types help catch mistakes with static members.

They simplify managing shared data and logic.