There are times when you want to write a function which works with a wide variety of types. The canonical example is the identity function, beloved by functional programmers.
const identity = x => x
In this situation, you could use the standard TypeScript escape hatch: the
const identity = (x: any): any => x
Unfortunately, this discards any type information gleaned from the function parameter. As far as the TypeScript compiler is concerned, you could be returning anything.
Generics are TypeScript’s answer to this problem:
const identity = <T>(x: T): T => x
Think of the angle brackets (
<>) as a placeholder for type information, which is filled when the function is called. For example:
identity<string>('123') // Returns a string identity<number>(123) // Returns a number identity<boolean>(1) // Type error
Sign up for my newsletter
A monthly round-up of blog posts, projects, and internet oddments.