Saber mazooji
Saber mazooji
خواندن ۲ دقیقه·۳ سال پیش

شرح Utility Types در تایپ اسکریپت بخش دوم



در پست قبلی ما تایپ های Partial,Required,Readonly,Record,Pick,Omit رو یاد گرفتیم و در ادامه‌ می‌خوایم با Utility Types های دیگه آشنا بشیم.

https://virgool.io/@sabermazoji/%D8%B4%D8%B1%D8%AD-utility-types-%D8%AF%D8%B1-%D8%AA%D8%A7%DB%8C%D9%BE-%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA-%D8%A8%D8%AE%D8%B4-%D8%A7%D9%88%D9%84-sdsfgwt92mfz


7.Exclude<Type, ExcludedUnion>

تایپ Exclude دو پارامتر ورودی داره اولی تایپیه که می‌خوایم تا عمل Exclude یا حذف روش انجام بشه و دومی تایپیه که بر اساس اون بر روی تایپ اولی Exclude انجام میشه.
Exclude به طور ساده میاد تایپ دومی رو چک میکنه و موارد یکسانی که در تایپ اول وجود داره رو حذف می‌کنه پس Exclude به‌ صورتی عمل حذف رو انجام میده

 Exclude type sample
Exclude type sample


8.Extract<Type, Union>

تایپ extract هم از اسمش معلومه پارامتر اول تایپ رو می‌گیره و پارامتر دوم تایپی که می‌خوایم استخراج کنیم...

 Extract type sample
Extract type sample


لاین اول رو دقت کنید با a,fرو خواستیم از تایپ اول بگیریم چون f وجود نداشته فقط a برگشته.

9.NonNullable<Type>

این تایپ null و undefined رو از تایپی که بهش پاس دادیم حذف می‌کنه

 NonNullable type sample
NonNullable type sample


10.Parameters<Type>

پارامتر اول تایپی از نوع Function می‌گیره و تایپی در قالب یک آرایه از پارامتر‌های آن رو برمیگردونه.

یعنی تمامی پارامترهای آن در یک آرایه

 Parameters type sample
Parameters type sample

لاین 5 رو دقت کنید تابع ما پارامتر s با تایپ string داره پس ما تایپ ["string"] رو خواهیم داشت که به شیوه استفاده می‌شه

type T1 = Parameters<(s: string) => void> const myStringArray:T1=['saber']


11.ConstructorParameters<Type>

پارامتر اول این تایپ Constructor هست و آرایه‌ای از پارامتر های Constructor را بعنوان تایپ بر‌‌می‌گردونه

 ConstructorParameters type sample
ConstructorParameters type sample

تایپ های ErrorConstructor , FunctionConstructor , RegExpConstructor کانستراکتور تایپ‌های تایپ اسکریپت هستند و لازم به تعریف ندارند
در لاین 1 ما اومدیم یک اینترفیس کانستراکتور تعریف کردیم و در لاین 10 به تایپ ConstructorParameters پاس دادیم و خروجی ما تایپی از پارامتر های کانستراکتور در یک آرایه هست.

12.ReturnType<Type>

همونطور از اسمش معلومه که تایپ بازگشتی تایپمون رو برمی‌گردونه

 ReturnType type sample
ReturnType type sample

به تایپ های برگشتی دقت کنید
بعنوان مثال لاین 4 خروجی void هستش پس تایپ ما تبدیل به void می‌شود.


پایان بخش دوم :)

برای اینکه حجم مطلب زیاد نشه و خسته‌تون نکنه بخش سوم و نهایی هم به‌زودی می‌نویسم که در اون قراره utility type های زیر رو توضیح بدم

  • ThisParameterType<Type>
  • OmitThisParameter<Type>
  • ThisType<Type>
  • InstanceType<Type>
  • Uppercase<StringType>
  • Lowercase<StringType>
  • Capitalize<StringType>
  • Uncapitalize<StringType>

ممنونم که وقت گذاشتید و مطلب رو خوندید انتقاد یا اشکالی در نوشته‌هام دیدید خوشحال می‌شم که در نظرات بگید.

Utility TypesUtility Types تایپ اسکریپتتایپ اسکریپتUtility Types typescript
یه برنامه نویس ? عاشق فرانت وب
شاید از این پست‌ها خوشتان بیاید