Yashotantra Academy logo
← TypeScript theorytheory 0/50 · 0%
level 1
Curious · 0 XP
streak
0d
perfect
0
badges
0

100 XP to Apprentice

Types · hard

41. Variance and function type compatibility

Why some function types are assignable to others, and some aren't.

1 min read3 questionsup to 50 XPtopic 41/50

Read in another language

AI translates the explanation and quiz text while preserving code and answer scoring.

A function type `A` is assignable to another function type `B` if `A`'s parameters are compatible with `B`'s (contravariantly, loosely enforced for methods) and `A`'s return type is assignable to `B`'s return type (covariantly).

ts
type Handler = (event: { type: string; amount: number }) => void;

// A function that accepts fewer/broader-typed properties can be assigned,
// since it can handle anything Handler's caller passes it:
const logAmount: (event: { amount: number }) => void = (e) => console.log(e.amount);
const h: Handler = logAmount; // OK: logAmount only needs 'amount', which Handler always provides

function process(items: number[], cb: (n: number) => void) {
  items.forEach(cb);
}
process([1, 2, 3], (n: number) => console.log(n));

Return types must be compatible in the same direction as the assignment (a function returning a more specific type can substitute for one expecting a more general type), while `strictFunctionTypes` tightens parameter checking for standalone function types (not methods) to catch genuinely unsound assignments.

How to study this topic

  1. 1. Read the explanation once end to end, skipping the code.
  2. 2. Re-read the code snippets and say out loud what each line does.
  3. 3. Answer the quiz without scrolling back — that is the real check.
  4. 4. Read every explanation, even for the answers you got right.

Scoring

  • · Up to 30 XP from quiz accuracy.
  • · +15 XP for a perfect first attempt.
  • · +5 XP while a 3-day streak is running.
  • · 75% or higher marks the topic complete.

Check your understanding

  1. 1. Can a function needing fewer properties (e.g. `{ amount: number }`) be assigned where a handler expecting `{ type: string; amount: number }` is required?

  2. 2. In which direction must a function's return type be compatible for assignability?

  3. 3. What does `strictFunctionTypes` primarily tighten?

Badges

First light
Pass your first topic
Sharp shooter
3 perfect first-try quizzes
On a roll
Study 3 days in a row
Week warrior
Study 7 days in a row
Grinder
Earn 500 XP
Deep diver
Earn 1500 XP