TypeScript Functions In Hindi

📔 : TypeScript 🔗

Functions TypeScript में एक बहुत important role play करती हैं, क्योंकि यह code को modular और reusable बनाती हैं।

इस blog में हम देखेंगे कि कैसे TypeScript में functions का use किया जाता है, उनके types और best practices.

Functions in TypeScript

JavaScript कि तरह, TypeScript में भी functions को define करना easy है, लेकिन TypeScript में आप function के arguments और return type को define कर सकते हो, जो कि आपको errors को जल्दी detect करने में help करता है।

Example

function add(a: number, b: number): number { return a + b; }

यहां पर a और b का type number define किया गया है, और function का return type भी number है। इस से अगर आप गलत type का argument pass करते हो, तो compile time पर error मिलता है।

Function Return Type

TypeScript में आप explicitly define कर सकते हो कि function क्या return करेगा। अगर आप function return type specify नहीं करते, तो TypeScript automatically infer कर लेता है based on return statement.

Example with Return Type

function greet(name: string): string { return `Hello, ${name}!`; }

इस function में string type return किया जा रहा है, तो TypeScript ensure करेगा कि return value हमेशा string ही हो।

Without Return Type

function logMessage(message: string): void { console.log(message); }

यहां पर void का use किया गया है, इसका मतलब यह function कुछ return नहीं करेगा।

Optional Parameters

TypeScript में आप optional parameters define कर सकते हो, जो कि function को call करते वक्त pass करना जरूरी नहीं होता। इसके लिए आपको ? symbol का use करना होता है parameter के साथ।

Example

function showDetails(name: string, age?: number): string { return age ? `${name} is ${age} years old.` : `${name}'s age is unknown.`; }

इस example में age parameter optional है, अगर आप age pass नहीं करते हो, तो default message show होगा।

Default Parameters

आप TypeScript में default values भी set कर सकते हो किसी parameter के लिए, अगर कोई value pass नहीं कि गयी तो default value use होगी।

Example

function multiply(a: number, b: number = 1): number { return a * b; }

अगर b का value नहीं दिया जाता है तो default value 1 use किया जाएगा।

Rest Parameters

कभी-कभी हमें एक function में multiple arguments pass करने कि जरूरत पड़ती है, जिनका exact number हमें पहले से नहीं पता होता।

ऐसे situations में rest parameters का use किया जाता है।

Example

function sumAll(...numbers: number[]): number { return numbers.reduce((sum, num) => sum + num, 0); }

यहां ...numbers rest parameter है, जो multiple numbers को एक Array में convert कर देता है।

Function Overloading

TypeScript function overloading को support करता है, जो आपको same function के multiple signatures define करने कि permission देता है।

यह काफी helpful होता है जब आप different types के arguments को handle करना चाहते हो।

Example

function display(value: number): string; function display(value: string): string; function display(value: any): string { return `Value is ${value}`; }

यह example दिखाता है कैसे एक ही function different types के input को handle कर सकता है।

मतलब आप display() function को different type की value के साथ call कर सकते हैं। और आपके function definition के हिसाब से वही match किये गए argument के हिसाब से call होगा।

TypeScript Arrow Functions

Arrow functions को lambda functions भी कहा जाता है। यह concise syntax provide करती हैं functions define करने के लिए, और context को preserve करती हैं।

Example

const add = (a: number, b: number): number => a + b;

Arrow functions का use आपको functional programming approach में ज़्यादा मिलेगा, जहाँ anonymous functions को pass किया जाता है।

Conclusion

TypeScript में functions को use करना powerful और flexible होता है, और जब आप type annotations का use करते हो तो आपको better type safety और error prevention मिलती है।

Functions को और भी powerful बनाने के लिए आप optional parameters, rest parameters, और overloading का use कर सकते हो।

Hey ! I'm Rahul founder of learnhindituts.com. Working in IT industry more than 4.5 years. I love to talk about programming as well as writing technical tutorials and blogs that can help to others .... keep learning :)

Get connected with me - LinkedIn Twitter Instagram Facebook