Why Declaring global variables in Typescript? - Purpose & Use Cases

The Big Idea

What if one simple change could stop your program from breaking everywhere you update a value?

The Scenario

Imagine you have a big project with many files, and you want to share some information everywhere without passing it around all the time.

You try to write the same variable in every file manually, hoping it stays the same everywhere.

The Problem

This manual way is slow and confusing. If you change the variable in one place, you might forget to update it in others.

It causes mistakes and bugs because the values can get out of sync easily.

The Solution

Declaring global variables lets you create one shared variable that all parts of your program can use and update safely.

This keeps your code clean, avoids repetition, and makes it easier to manage shared information.

Before vs After

✗ Before

const userName = 'Alice'; // repeated in many files
// risk of mismatch or forgetting to update

✓ After

declare global {
  var userName: string;
}
// Now userName is shared everywhere safely

What It Enables

It enables smooth sharing of data across your whole program without messy copying or errors.

Real Life Example

Think of a game where the player's score needs to be shown on many screens. A global variable keeps the score updated everywhere instantly.

Key Takeaways

Manual copying of variables causes errors and confusion.

Global variables let you share data easily across files.

This makes your code simpler and less error-prone.