टाइपस्क्रिप्ट चीतशीट: कोर कॉन्सेप्ट्स और बेस्ट प्रैक्टिसेस मास्टर करें
इंस्टॉल करना, चलाना, प्रकार, क्लासेस, सभी बेसिक्स
Page content
यहाँ मेरा संक्षिप्त TypeScript चीटशीट है जो मुख्य अवधारणाओं, सिंटैक्स, और कोड उदाहरणों को कवर करता है जो डेवलपर्स द्वारा आमतौर पर संदर्भित किए जाते हैं:
TypeScript चीटशीट
शुरुआत करना
- ग्लोबली इंस्टॉल करें:
npm install -g typescript
- फ़ाइल को कम्पाइल करें:
tsc filename.ts
- संस्करण जांचें:
tsc --version
बुनियादी प्रकार
let a: number = 10;
let s: string = "TypeScript";
let b: boolean = true;
let arr: number[] = [1, 2, 3];
let tuple: [string, number] = ["TS", 2025];
let anyValue: any = "Flexible";
let unknownVal: unknown = 5;
let notDefined: undefined = undefined;
let notPresent: null = null;
यूनियन & लिटरल प्रकार
let id: number | string = 42;
let direction: 'left' | 'right' = 'left';
टाइप एलियास & इंटरफेस
type Point = { x: number; y: number };
interface Person { name: string; age: number; }
let user: Person = { name: "Alice", age: 25 };
फंक्शन
function sum(a: number, b: number): number {
return a + b;
}
const multiply = (a: number, b: number): number => a * b;
function log(msg: string): void { console.log(msg); }
क्लासेस
class Animal {
name: string;
constructor(name: string) { this.name = name; }
move(distance: number = 0): void { console.log(`${this.name} moved ${distance}`); }
}
एक्सेस मॉडिफायर्स
public
(डिफ़ॉल्ट),private
,protected
,readonly
class Point {
constructor(private x: number, private y: number) {}
}
जेनेरिक्स
function identity(arg: T): T { return arg; }
let output = identity("myString");
इन्युम्स
enum ResourceType { BOOK, FILE, FILM }
let r: ResourceType = ResourceType.BOOK;
टाइप एसर्टशन्स / कैस्टिंग
let someVal: unknown = "Hello";
let strLength: number = (someVal as string).length;
मॉड्यूल्स
// Export
export function foo() {}
// Import
import { foo } from "./module";
उन्नत प्रकार
- इंटरसेक्शन:
type A = { a: number }; type B = { b: number }; type AB = A & B; // { a: number, b: number }
- कंडीशनल:
type IsString = T extends string ? true : false;
- मैप्ड:
type Readonly = { readonly [P in keyof T]: T[P]; }
- टेम्पलेट लिटरल टाइप:
type EventName = `on${Capitalize}`;
उपयोगी यूटिलिटी प्रकार
Partial, Required, Readonly, Pick, Omit, Record
नैरोइंग
typeof
औरinstanceof
का उपयोग टाइप नैरोइंग के लिए करें:
function padLeft(value: string, padding: string | number) {
if (typeof padding === "number") {
return Array(padding + 1).join(" ") + value;
}
return padding + value;
}
यह सारांश उन सभी मुख्य सिंटैक्स और विशेषताओं को प्रदान करता है जो अधिकांश TypeScript विकास वर्कफ्लो के लिए आवश्यक हैं।