Why Void type for functions in Typescript? - Purpose & Use Cases

The Big Idea

What if your function's silence could actually save you from bugs?

The Scenario

Imagine you write a function that just shows a message on the screen but does not return any value. Without a clear way to say this, you might get confused about what the function does or expect it to return something.

The Problem

Without the void type, it's easy to mistakenly use the function's result as if it returned a value. This can cause bugs and confusion because the function actually returns nothing. It's like expecting a gift but getting an empty box.

The Solution

The void type clearly tells everyone that the function does not return anything. This helps catch mistakes early and makes your code easier to understand and maintain.

Before vs After

✗ Before

function showMessage() {
  console.log('Hello!');
}
let result = showMessage(); // What is result?

✓ After

function showMessage(): void {
  console.log('Hello!');
}
let result = showMessage(); // result is void (undefined)

What It Enables

It enables clear communication in your code about functions that perform actions but do not produce a value.

Real Life Example

When you create a button click handler that just shows an alert, you use void to show it doesn't return anything, preventing misuse of its result.

Key Takeaways

Void type marks functions that return no value.

It prevents confusion and bugs about function results.

It makes your code clearer and easier to maintain.