Why Type checking using typeof in Javascript? - Purpose & Use Cases

The Big Idea

What if your code could instantly know what kind of data it's dealing with and avoid silly mistakes?

The Scenario

Imagine you are building a web app that takes user input. You want to make sure the input is a number before doing math with it. Without type checking, you might try to add a number to a string by mistake.

The Problem

Manually guessing or assuming the type can cause bugs that are hard to find. You might add text to numbers, or call functions on wrong types, causing errors or wrong results. This slows you down and frustrates users.

The Solution

The typeof operator quickly tells you the type of any value. You can check if something is a number, string, or something else before using it. This prevents errors and makes your code smarter and safer.

Before vs After

✗ Before

let input = '5';
// Assume input is number
let result = input + 10; // Oops, this concatenates strings

✓ After

let input = '5';
if (typeof input === 'number') {
  let result = input + 10;
} else {
  console.log('Input is not a number');
}

What It Enables

Using typeof lets your program understand and handle different data types correctly, avoiding bugs and unexpected behavior.

Real Life Example

When building a calculator app, you can check if the user input is a number before performing calculations, ensuring the app works smoothly without crashes.

Key Takeaways

Manual type guessing leads to bugs and confusion.

typeof gives a simple way to check data types.

This helps write safer, more reliable JavaScript code.