Why Null and undefined types in Typescript? - Purpose & Use Cases

The Big Idea

What if your program could safely handle missing information without crashing or confusing you?

The Scenario

Imagine you are writing a program that handles user data, but sometimes the data might be missing or not yet set. Without a clear way to represent 'no value', you might just leave things blank or guess what it means.

The Problem

Manually checking for missing or empty values everywhere is slow and confusing. You might forget to check, causing errors or crashes. It's like trying to find a missing puzzle piece without knowing if it's lost or just hidden.

The Solution

Null and undefined types give you a clear way to say "this value is missing" or "not set yet." This helps your program handle these cases safely and predictably, avoiding surprises and bugs.

Before vs After

✗ Before

let name = getUserName();
if (name !== null && name !== undefined) {
  console.log(name.toUpperCase());
}

✓ After

let name: string | null | undefined = getUserName();
if (name !== null && name !== undefined) {
  console.log(name.toUpperCase());
}

What It Enables

It enables your code to clearly express and safely handle missing or unset values, making programs more reliable and easier to understand.

Real Life Example

Think of a form where a user can optionally enter their middle name. Using null or undefined types helps your program know when the middle name is missing versus when it's an empty string.

Key Takeaways

Null and undefined represent missing or unset values clearly.

They help avoid errors by making checks explicit and safe.

Using them makes your code easier to read and maintain.