Function overloads in Typescript - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is a function overload in TypeScript?

Function overloads allow you to define multiple function signatures for a single function implementation, enabling different ways to call the function with different argument types or counts.

beginner

How do you declare multiple overloads for a function in TypeScript?

You write multiple function declarations with different parameter types or counts above the actual function implementation, which has a single combined signature.

intermediate

Why must the implementation signature be compatible with all overload signatures?

Because the implementation handles all calls, it must accept all argument types and return types declared in the overloads to avoid type errors.

intermediate

Can function overloads have different return types in TypeScript?

Yes, overloads can specify different return types depending on the input parameters, allowing flexible function behavior.

beginner

What happens if you call a function with arguments that don't match any overload signature?

TypeScript will show a compile-time error because the call does not match any declared overload signature.

Which of the following is the correct way to declare function overloads in TypeScript?

A Multiple function declarations with different signatures followed by one implementation

B Multiple functions with the same name but different bodies

C One function with multiple return statements

D Using union types in a single function signature only

Function overloads require multiple declarations with different signatures, followed by a single implementation that handles all cases.

What must the implementation signature of an overloaded function include?

A Parameters and return type compatible with all overloads

B Only the first overload's parameters and return type

C No parameters, just a generic return type

D Different parameters than the overloads

The implementation must be compatible with all overload signatures to handle every possible call.

If a function has overloads with different return types, what does TypeScript do?

A It ignores the return types

B It always returns the first overload's return type

C It infers the return type based on the called overload

D It throws a runtime error

TypeScript uses the overload signature matching the call to determine the return type.

What happens if you call an overloaded function with arguments that don't match any overload?

A The function returns undefined

B The function runs with default parameters

C The function picks the closest overload

D TypeScript shows a compile-time error

Calls must match one of the declared overloads or TypeScript will report an error.

Can you overload a function by changing only the return type but keeping the same parameters?

A Yes, return type alone is enough

B No, overloads must differ in parameter types or count

C Yes, but only for async functions

D No, TypeScript does not support overloads

Overloads must differ in parameters; changing only return type is not allowed.

Explain how function overloads work in TypeScript and why they are useful.

Think about how one function can behave differently based on input.

Describe the rules for writing the implementation of an overloaded function in TypeScript.

The implementation must cover all declared ways to call the function.