מבוא לממשקי TypeScript למתחילים

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

מהו ממשק?

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

הגדרת ממשק

כדי להגדיר ממשק, השתמש במילת המפתח interface ואחריה שם הממשק וצורת האובייקט:

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

בדוגמה זו, ממשק Person מציין שלאובייקט Person צריך להיות שם מסוג string ו-age מסוג מספר.

שימוש בממשקים

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

שימוש בממשק עם אובייקטים

הנה איך להשתמש בממשק Person כדי לבדוק אובייקט:

const person: Person = {
  name: "Alice",
  age: 30
};

בדוגמה זו, האובייקט person נצמד לממשק Person, ומבטיח שיש לו גם name וגם age עם הסוגים הנכונים.

שימוש בממשקים עם פונקציות

ניתן להשתמש בממשקים גם לבדיקת סוג פרמטרים של פונקציות ולהחזרת ערכי:

function greet(person: Person): string {
  return `Hello, ${person.name}!`;
}

בדוגמה זו, הפונקציה greet מקבלת פרמטר מסוג Person ומחזירה הודעת ברכה.

מאפיינים אופציונליים

ממשקים יכולים לכלול מאפיינים אופציונליים באמצעות השינוי ?. זה מציין שהנכס עשוי להיות קיים או לא:

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

בדוגמה זו, email הוא מאפיין אופציונלי שעשוי להיכלל או לא להיכלל באובייקט Person.

מאפיינים לקריאה בלבד

אתה יכול גם להגדיר מאפיינים כקריאה בלבד, כלומר לא ניתן לשנותם לאחר אתחול:

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

בדוגמה זו, המאפיין name הוא לקריאה בלבד ולא ניתן לשנותו לאחר ההגדרה.

הרחבת ממשקים

ממשקים יכולים להרחיב ממשקים אחרים, ולאפשר לך לבנות על צורות קיימות:

interface Employee extends Person {
  employeeId: number;
}

בדוגמה זו, ממשק Employee מרחיב את ממשק Person, ומוסיף מאפיין employeeId.

מַסְקָנָה

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