JavaScript vs. TypeScript⚡️

#webdev #typescript #beginners #javascript

We all love JavaScript's flexibility, but we’ve all felt the pain of a crash in production. Is it time to switch?.

The Main Difference:

JavaScript (Dynamic): It's like writing an essay in a notebook. You won't know you made a spelling mistake until someone reads it.

TypeScript (Static): It's like writing in Word with spell-check on. It yells at you while you type if you make a mistake.

The Code Example:

The same bug in both languages. Notice the difference?

JavaScript (Fails Silently ❌) JS lets you make mistakes and only crashes when the user runs the app.

JavaScript

function welcome(user) {
  // Bug: We accessed .age, but passed an object without it!
  console.log("Hello " + user.name + ", age " + user.age); 
}

welcome({ name: "Dev" }); 
// Output: "Hello Dev, age undefined" (Awkward...)

TypeScript (Catches Bugs Immediately ✅) TS stops you before you even save the file.

TypeScript

interface User {
  name: string;
  age: number;
}

function welcome(user: User) {
  console.log(`Hello ${user.name}, age ${user.age}`);
}

// Error in Editor: Property 'age' is missing! 
welcome({ name: "Dev" });