Why Intersection type syntax in Typescript? - Purpose & Use Cases

The Big Idea

What if you could combine different sets of rules into one without rewriting everything?

The Scenario

Imagine you have two lists of rules for a character in a game: one list says what skills they have, and another list says what equipment they carry. You try to write down all possible combinations by hand for every character. It quickly becomes confusing and takes forever.

The Problem

Manually combining all properties from different types means repeating yourself a lot. It's easy to forget something or make mistakes. When the rules change, you have to update many places, which wastes time and causes bugs.

The Solution

Intersection type syntax lets you combine multiple types into one new type automatically. You just say "I want a type that has everything from type A and type B." This saves time, reduces errors, and keeps your code clean and easy to update.

Before vs After

✗ Before

type Skill = { skill: string };
type Equipment = { weapon: string };
type Character = { skill: string; weapon: string; };

✓ After

type Skill = { skill: string };
type Equipment = { weapon: string };
type Character = Skill & Equipment;

What It Enables

It enables you to build complex types by combining simple ones, making your code more flexible and easier to maintain.

Real Life Example

When building a user profile, you might have one type for personal info and another for account settings. Intersection types let you merge them into one complete user type effortlessly.

Key Takeaways

Manual combination of types is slow and error-prone.

Intersection types combine multiple types into one automatically.

This makes code cleaner, safer, and easier to update.