Introduction to TypeScript In Hindi

If tutorials available on this website are helpful for you, please whitelist this website in your ad blocker😭 or Donate to help us ❤️ pay for the web hosting to keep the website running.

TypeScript एक powerful superset है JavaScript का जो आपको static typing और advanced features के साथ code लिखने कि सुविधा देता है। यह एक popular language है जो large-scale applications के लिए use होती है, और इससे JavaScript code को ज़्यादा robust और maintainable बनाया जा सकता है।

इस article में, हम TypeScript कि basic understanding से लेकर उसके features तक सब कुछ cover करेंगे।

What is TypeScript ?

TypeScript एक open-source programming language है जिसे Microsoft ने develop किया है। यह JavaScript का एक superset है, इसका मतलब है कि JavaScript code valid है TypeScript में भी।

लेकिन TypeScript आपको additional features provide करता है जो JavaScript में नहीं होते, जैसे static typing और object-oriented programming.

Key Points

• Static Typing : TypeScript static types को support करता है, जो कि compile-time पे errors detect करने में help करता है।

• Transpilation : TypeScript code को JavaScript code में transpile किया जाता है, जो browsers और JavaScript engines के लिए compatible होता है।

●●●

JavaScript vs TypeScript

• Static Typing vs Dynamic Typing : TypeScript static typing को support करता है, जबकि JavaScript dynamic typing को use करता है।

• Compile-Time Error Checking : TypeScript compile-time errors provide करता है, JavaScript runtime errors provide करता है।

• Enhanced Features : TypeScript object-oriented programming और generics को support करता है, जो JavaScript में नहीं होते।

●●●

Features of TypeScript

1. Static Typing

TypeScript का सबसे बड़ा feature static typing है। Static typing का मतलब है कि आप variables और functions के types को explicitly define कर सकते हैं।

इससे आपको compile-time पर ही type errors मिल जाते हैं।

Copy
let message: string = "Hello, TypeScript!";
let age: number = 25;

// Function with type annotations
function greet(name: string): string {
    return `Hello, ${name}`;
}

यहां message और age variables कि types explicitly define कि गयी हैं , greet() function का parameter और return type भी define किया गया है।

2. Interfaces

Interfaces आपको objects और classes के structure को define करने कि सुविधा देते हैं। यह आपको type-checking और better code organization में help करते हैं।

Example

Copy
interface Person {
    name: string;
    age: number;
}

let person: Person = {
    name: "Alice",
    age: 30
};

Person interface define करता है कि object का structure कैसा होना चाहिए।

3. Classes & Inheritance

TypeScript classes और inheritance को support करता है, जो object-oriented programming को facilitate करता है।

Copy
class Animal {
    name: string;

    constructor(name: string) {
        this.name = name;
    }

    speak(): void {
        console.log(`${this.name} makes a noise.`);
    }
}

class Dog extends Animal {
    speak(): void {
        console.log(`${this.name} barks.`);
    }
}

let dog = new Dog("Rover");
dog.speak(); // Output: Rover barks.

Dog class Animal class से inherit करती है और speak method को override करती है।

4. Generics

Generics आपको reusable और flexible code components को create करने में help करती हैं। यह आपको type safety और code reusability provide करते हैं।

Copy
function identity<T>(arg: T): T {
    return arg;
}

let result = identity<number>(5); // result will be of type number

identity() function generics का use करके different types के साथ work करता है बिना code duplication के।

5. Enums

Enums आपको predefined sets of named constants define करने कि सुविधा देते हैं।

Copy
enum Color {
    Red,
    Green,
    Blue
}

let c: Color = Color.Green;
console.log(c); // Output: 1

Color enum predefined constants को define करता है और Color.Green का value 1 होता है।

●●●

Setup TypeScript

TypeScript को install और setup करना बहुत ही simple है। आप npm (Node Package Manager) के through TypeScript को install कर सकते हैं और फिर TypeScript files को JavaScript में transpile कर सकते हैं।

Installation Command

npm install -g typescript

Compiling TypeScript Files

tsc filename.ts

tsc command से TypeScript files को JavaScript में transpile किया जाता है।