מערכים גנריים
חלק מהיחידה מבוא ל-TypeScript במסלול ה-JavaScript של Coddy. שיעור 60 מתוך 73.
מערכים וטיפוסים גנריים עובדים יחד בצורה נהדרת ב-TypeScript. כשלמדת קודם על מערכים מטיפוס מוגדר, השתמשת בתחביר T[] כדי לציין שמערך יכול להכיל רק איברים מטיפוס מסוים. טיפוסים גנריים מאפשרים לך לבטא את אותו רעיון בדרך נוספת.
TypeScript מספקת תחביר חלופי למערכים מטיפוסים באמצעות התבנית Array<T>:
// These two declarations are equivalent:
let numbers1: number[] = [1, 2, 3];
let numbers2: Array<number> = [1, 2, 3];תחביר Array<T> שימושי במיוחד כשעובדים עם פונקציות גנריות שפועלות על מערכים. הוא הופך את האופי הגנרי של הקוד שלך למפורש וקריא יותר, במיוחד כשאתה יוצר פונקציות שיכולות לעבוד עם מערכים מכל סוג תוך שמירה על בטיחות טיפוסים.
אתגר
קלצרו פונקציה גנרית בשם getFirstElement שמקבלת מערך מכל סוג שהוא ומחזירה את האיבר הראשון, או undefined אם המערך ריק.
הפונקציה צריכה:
- להשתמש בפרמטר סוג גנרי
T - לקבל פרמטר אחד בשם
arrמסוגArray<T> - להחזיר את האיבר הראשון מסוג
Tאוundefined - לכלול הצהרה מפורשת על סוג הערך המוחזר:
T | undefined
צרו את המערכים הבאים באמצעות התחביר Array<T>:
stringArrayמסוגArray<string>המכיל את["apple", "banana", "cherry"]numberArrayמסוגArray<number>המכיל את[10, 20, 30, 40]booleanArrayמסוגArray<boolean>המכיל את[true, false, true]emptyStringArrayמסוגArray<string>שהוא ריק
בדקו את הפונקציה והדפיסו את הפלטים הבאים:
- הדפיסו את התוצאה של קריאה ל־
getFirstElementעםstringArray - הדפיסו את התוצאה של קריאה ל־
getFirstElementעםnumberArray - הדפיסו את התוצאה של קריאה ל־
getFirstElementעםbooleanArray - הדפיסו את התוצאה של קריאה ל־
getFirstElementעםemptyStringArray - הדפיסו את התוצאה של קריאה ל־
getFirstElementעםArray<string>חדש המכיל את["single"]
נסו בעצמכם
// TODO: כתבו את הקוד שלכם כאן
// צרו את הפונקציה הגנרית getFirstElement
// צרו את המערכים הנדרשים באמצעות התחביר Array<T>
// בדקו את הפונקציה והדפיסו את התוצאות
בחנו את עצמכםהשיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה מבוא ל-TypeScript
1תחילת העבודה עם TS
מה זה TypeScript?למה להשתמש ב-TypeScript?קוד TypeScript הראשון שלךתהליך הקומפילציה ושגיאותסיכום: מבוא ל-TS4עבודה עם פונקציות
הגדרת טיפוסים לפרמטרים ולערכי החזרההגדרת טיפוסים לפונקציות חץטיפוס ההחזרה 'void'פרמטרים אופציונליים עם '?'ערכי ברירת מחדל לפרמטריםהגדרת טיפוסים לפרמטרים מסוג Restהגדרת טיפוסי פונקציותסיכום: בניית פונקציות עם טיפוסים
2סוגי ליבה
טיפוסים בסיסיים: str, num, booleanהטיפוס 'any': מפלטהטיפוס 'unknown'עבודה עם 'null' ו-'undef'הסקת טיפוסים בפעולההצהרות טיפוסים מפורשותסיכום: תרגול בסוגי ליבה5טיפוסים: כינויים, איחודים וחיתוכים
כינויי טיפוס לטיפוסים פרימיטיבייםטיפוסי איחוד ('|')עבודה עם טיפוסי איחודטיפוסים מילולייםטיפוסי חיתוך ('&')שילוב כינויי טיפוסיםסיכום: שילובים מתקדמים של טיפוסים3מבני נתונים: מערכים וטאפלים
מערכים מטיפוסיםהמשנה 'readonly' למערכיםמהו טאפל?הכרזה על טאפל וגישה אליופירוק טאפלטאפלים לקריאה בלבדמערכים מטיפוסים רב־ממדייםאופרטור Spread עם מערכיםסיכום: מערכים וטאפלים6הגדרת טיפוסים לאובייקטים ולממשקים
הערות טיפוס מוטבעות לאובייקטיםכינויי טיפוס לאובייקטיםמבוא לממשקיםממשקים לעומת כינויי טיפוסמאפיינים אופציונליים וקריאה בלבדהרחבת ממשקים וטיפוסיםהוספת מתודות לממשקיםסיכום: הגדרת מבני אובייקטים9טיפוסים גנריים: מבט ראשון
הבעיה שטיפוסים גנריים פותריםיצירת פונקציית זהות גנריתשימוש בפונקציה גנריתמערכים גנרייםממשקים גנרייםסיכום: תרגול פונקציות גנריותתרגלו בעצמכם: TypeScript אונליין