Why Multiple generic parameters in Typescript? - Purpose & Use Cases

The Big Idea

What if one simple trick could save you from writing dozens of similar functions?

The Scenario

Imagine you want to create a function that works with two different types of data, like a key and a value, but you have to write separate functions for each pair of types.

The Problem

Writing many versions of similar functions is slow and error-prone. You might forget to update one or mix up types, causing bugs that are hard to find.

The Solution

Using multiple generic parameters lets you write one flexible function that works with any types you choose, keeping your code clean and safe.

Before vs After

✗ Before

function pairStringNumber(key: string, value: number) { return { key, value }; }
function pairNumberBoolean(key: number, value: boolean) { return { key, value }; }

✓ After

function pair<K, V>(key: K, value: V) { return { key, value }; }

What It Enables

You can create reusable, type-safe functions and classes that handle many data types without rewriting code.

Real Life Example

Building a map structure where keys and values can be any types, like strings to numbers or objects to arrays, all with one generic class.

Key Takeaways

Manual coding for each type pair is repetitive and risky.

Multiple generic parameters let you write flexible, reusable code.

This approach improves safety and reduces bugs.