Type Casting In TypeScript In Hindi

📔 : TypeScript 🔗

लेकिन कई बार ऐसा होता है जब हम एक variable को एक specific type में cast करना चाहते हैं, ताकि TypeScript को बताया जा सके कि इस variable का type क्या होना चाहिए।

इसी process को TypeScript Casting कहते हैं। यह specially कर उन situations में helpful होता है जब TypeScript types को automatically detect नहीं कर पता।

इस blog में हम TypeScript Casting के concepts को समझेंगे और जानेंगे कैसे हम types को safely cast कर सकते हैं।

What is TypeScript Casting ?

TypeScript Casting एक तरीका है जिससे हम एक variable को manually एक specific type में convert करते हैं। TypeScript को by default अपना type inference system होता है, लेकिन कई बार हम manually बता सकते हैं कि किसी variable को कौन सा type consider करना चाहिए।

For example, अगर हमारे पास कोई variable है जो type any है, लेकिन हम उसको string के जैसे treat करना चाहते हैं, तो हम casting का use कर सकते हैं।

When to use TypeScript Casting ?

TypeScript casting काफी useful होता है जब -

  • आपको किसी variable के type का idea हो लेकिन TypeScript उसको automatically detect नहीं कर पा रहा हो।

  • आप third-party libraries का use कर रहे हैं जिसमे types properly defined नहीं हैं।

  • आपको किसी complex object को एक specific type में cast करना हो।

For example, अगर आपने कोई API call किया और उसका response any type का है, तो आपको उस response को cast करना होगा एक specific type में, ताकि आप उसको properly access कर सकें।

TypeScript Casting Syntax

TypeScript में casting के लिए दो अलग-अलग syntax होते हैं।

Angle Bracket Syntax (<>)

let someValue: any = "Hello World!"; let strLength: number = (<string>someValue).length;
as Keyword Syntax

let someValue: any = "Hello World!"; let strLength: number = (someValue as string).length;

Note : अगर आप React के साथ TypeScript use कर रहे हैं, तो आपको as syntax का use करना चाहिए क्योंकि React में angle bracket syntax को JSX के साथ conflict हो सकता है।

TypeScript Casting Example : Type Assertion

चलिए एक example देखते हैं जिसमे हम एक variable को cast करते हैं।

let someValue: any = "TypeScript Casting Example"; let strLength: number = (someValue as string).length; console.log(strLength); // Output: 27

इस example में, someValue initially any type का है। लेकिन हमें पता है कि यह एक string है, इसलिए हम as string का use करके उसको type string में cast करते हैं।

TypeScript Casting vs Type Inference

TypeScript में Type Inference का मतलब है कि TypeScript automatically variable का type deduce करता है बिना हमारे बताये।

लेकिन casting तब useful होती है जब TypeScript automatically सही type infer नहीं कर पता या जब हमें manually types को specify करना पड़ता है।

Type Inference Example

let message = "Hello, TypeScript";

दिए गए example में TypeScript यह guess करेगा कि यह एक string है।

Casting Example

let someValue: any = "This is a string"; // Manually cast in string. let strLength: number = (<string>someValue).length;

Difference यह है कि casting तब useful होता है जब TypeScript का inference system accurate types को identify नहीं कर पता या जब हमें dynamically types assign करने पड़ते हैं।

Conclusion

TypeScript Casting एक powerful feature है जो हमें flexibility देता है types को manually assign करने का।

यह specially कर उन situations में useful होता है जब हमें dynamic types को handle करना पड़ता है या जब हम किसी specific type को force करते हैं अपने code में।

इस blog में हमने types को cast करने के दो methods (angle bracket और as keyword) को देखा, और समझा कैसे और कब इनका 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