כיצד להשתמש בסוגים ב-TypeScript מוסבר למתחילים

TypeScript מציג הקלדה סטטית ל-JavaScript, מה שעוזר לתפוס שגיאות במהלך הפיתוח ומשפר את איכות הקוד. מאמר זה ידריך אותך ביסודות השימוש בסוגים ב-TypeScript, ויקל על מתחילים להבין כיצד למנף את מערכת הטיפוס של TypeScript.

מהם סוגים ב-TypeScript?

סוגים ב-TypeScript עוזרים להגדיר את הצורה והמבנה של הנתונים. על ידי ציון סוגים, אתה מבטיח שהמשתנים, פרמטרי הפונקציות וערכי ההחזרה תואמים לפורמטים הצפויים. זה יכול למנוע שגיאות תכנות נפוצות רבות.

סוגים בסיסיים

TypeScript מספק מספר סוגים בסיסיים שבהם אתה יכול להשתמש כדי להגדיר משתנים ופונקציות:

• מספר: מייצג ערכים מספריים.
• מחרוזת: מייצגת נתונים טקסטואליים.
• Boolean: מייצג ערכים אמיתיים או שקריים.
• מערך: מייצג אוסף של ערכים מסוג מסוים.
• Object: מייצג אוסף של זוגות מפתח-ערך.

דוגמה למספר

let age: number = 30;

דוגמה למחרוזת

let name: string = "John Doe";

דוגמה בוליאנית

let isStudent: boolean = true;

דוגמה למערך

let scores: number[] = [85, 90, 78];

דוגמה לאובייקט

let person: { name: string, age: number } = {
  name: "Jane Doe",
  age: 28
};

הקלד מסקנות

TypeScript יכול להסיק אוטומטית סוגים על סמך הערכים שהוקצו. המשמעות היא שלא תמיד צריך לציין סוגים במפורש, אם כי פעולה זו יכולה לשפר את בהירות הקוד.

הקלד דוגמה להסקה

let count = 10; // TypeScript infers count as number
count = "text"; // Error: Type 'string' is not assignable to type 'number'

סוגים מותאמים אישית עם ממשקים

ממשקים ב-TypeScript מאפשרים לך להגדיר סוגים מותאמים אישית עם מבנה ספציפי. הם שימושיים במיוחד ליצירת אובייקטים מורכבים והבטחת צורות עקביות בכל היישום שלך.

דוגמה לממשק

interface Person {
  name: string;
  age: number;
}

let employee: Person = {
  name: "Alice",
  age: 32
};

סוגי איגוד

סוגי איגוד מאפשרים למשתנה להחזיק ערכים מסוגים מרובים. זה יכול להיות שימושי כאשר ערך יכול להיות אחד מכמה סוגים.

דוגמה מסוג איחוד

let id: number | string;
id = 123; // valid
id = "abc"; // valid
id = true; // Error: Type 'boolean' is not assignable to type 'number | string'

הקלד כינויים

כינויים של סוג מאפשרים לך ליצור שם חדש עבור סוג. זה יכול להיות מועיל לפישוט הגדרות סוג מורכבות.

הקלד דוגמה כינוי

type ID = number | string;

let userId: ID;
userId = 456; // valid
userId = "xyz"; // valid

מַסְקָנָה

השימוש בסוגים ב-TypeScript מספק יתרונות רבים, כולל זיהוי שגיאות מוקדם, שיפור קריאת הקוד ותחזוקה משופרת. על ידי הבנת סוגים בסיסיים, מסקנות סוגים, ממשקים, סוגי איגוד וכינויים של סוגים, אתה יכול להתחיל למנף את TypeScript כדי לכתוב קוד חזק ואמין יותר. ככל שתצבור יותר ניסיון עם TypeScript, תגלה תכונות ותבניות מתקדמים עוד יותר שיכולים לשפר עוד יותר את תהליך הפיתוח שלך.