5 ترفند قدرتمند TypeScript – انجمن DEV

با این پنج ترفند قدرتمند که مهارت های کدنویسی شما را بهبود می بخشد، پتانسیل کامل TypeScript را باز کنید. این نکات به شما کمک می‌کند تا کدهای پاک‌تر و کارآمدتر بنویسید، از ایمن‌سازی انواع خود با ادعاهای const گرفته تا تسلط بر عملگر کلید.

قفل کردن انواع خود با const ادعاها

آیا تا به حال می خواهید مطمئن شوید که انواع شما در سراسر کد شما یکسان باقی می مانند؟ اینجاست که ادعاهای const به کار می آیند! آنها را به عنوان چسب برای انواع خود در نظر بگیرید. وقتی استفاده می کنید as const، TypeScript تضمین می کند که بعداً هیچ تغییری در انواع شما ایجاد نمی شود. مانند قرار دادن علامت «لمس نکنید» روی متغیرهای خود برای ایمن نگه داشتن آنها است.

const user = {
  id: 1,
  name: 'John Doe',
  email: 'john.doe@example.com'
} as const;

type User = typeof user;

// This will cause a TypeScript error
// user.id = 2;

ایجاد انواع سفارشی با Pick

تصور کنید یک نوع بزرگ دارید، اما فقط به چند قسمت از آن نیاز دارید. مشکلی نیست! با Pick ترفند، شما می توانید نوع جدیدی ایجاد کنید که فقط موارد مورد نیاز را انتخاب می کند. این مانند سفارشی کردن سفارش خود در یک رستوران است – شما دقیقا همان چیزی را که می خواهید، بدون هیچ چیز اضافی دریافت می کنید.

interface User {
  id: number;
  name: string;
  email: string;
}

type UserSummary = Pick<User, 'name' | 'email'>;

const user: User = {
  id: 1,
  name: 'John Doe',
  email: 'john.doe@example.com'
};

const summary: UserSummary = {
  name: user.name,
  email: user.email
};

محدود کردن گزینه های خود با استخراج

تا به حال انتخاب های زیادی داشته اید اما فقط به چند انتخاب خاص نیاز داشته اید؟ آنجاست Extract کمک می کند! مانند یک عصای جادویی است که دقیقاً آنچه شما نیاز دارید را از لیست گزینه ها انتخاب می کند. با حدس و گمان خداحافظی کنید و به دقت سلام کنید!

type Fruit = 'apple' | 'banana' | 'cherry' | 'date';
type TropicalFruit = Extract<Fruit, 'banana' | 'date'>;

const myFruit: TropicalFruit = 'banana'; // Valid
// This will cause a TypeScript error
// const myFruit: TropicalFruit="apple";

ایمن و سالم نگه داشتن چیزها با Readonly

تصور کنید داده های مهمی دارید که هرگز نباید تغییر کنند. آنجاست Readonly جلو می آید! این مانند قرار دادن اطلاعات خود در یک انبار امن با یک قفل قوی است. وقتی چیزی درست می کنی Readonly، هیچ کس نمی تواند آن را تغییر دهد.

const fruits: ReadonlyArray<string> = ['apple', 'banana', 'cherry'];

// This will cause a TypeScript error
// fruits.push('date');

// This will also cause a TypeScript error
// fruits[1] = 'blueberry';

تسلط بر keyof اپراتور

آیا تا به حال خواسته اید بفهمید که چه کلیدهایی در یک شی وجود دارد؟ ملاقات keyof – ابزار مفید شما! تمام کلیدهای یک شی را به شما نشان می دهد و کار با داده های خود را آسان تر می کند.

interface User {
  id: number;
  name: string;
  email: string;
}

type UserKey = keyof User;

const key: UserKey = 'name'; // Valid
// This will cause a TypeScript error
// const invalidKey: UserKey = 'age';

نتیجه

قدرت کامل TypeScript را با پنج ترفند ساده باز کنید: استفاده از اظهارات const برای قفل کردن انواع خود، ایجاد انواع سفارشی با Pick، محدود کردن انتخاب ها با Extract، محافظت از داده ها با Readonly، و استفاده از عملگر keyof برای کار آسان با کلیدهای شی. این نکات به شما کمک می کند کدهای تمیزتر و کارآمدتر بنویسید.

این همه برای این موضوع است. با تشکر از شما برای خواندن! اگر این مقاله برای شما مفید بود، لطفاً لایک کنید، نظر بدهید و آن را با دیگران به اشتراک بگذارید.

با من ارتباط برقرار کن