הרשמה לניוזלטר

הרשמה לניוזלטר

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

Ⓒ כל הזכויות שמורות ל- Fed Cast – קהילת מפתחי הפרונט בישראל

טייפים ב- TypeScript

טייפים ב- TypeScript

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

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

ישנם סוגים שונים של טייפים בTS, אנחנו יכולים גם להגדיר טייפים משלנו (לאובייקטים מורכבים למשל).

הטייפים הבסיסיים הם כאלה שקיימים אפילו בזמן ריצה של JS, ככה שאתם לא אמורים להיות מופתעים (נסו להריץ typeof על משתנים), כך למשל אנחנו מקבלים טייפים פרימיטיבים כמו string, number, boolean.

console.log(typeof 'foo')
// will print -> string

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

בדוגמא הבאה ניתן לראות כיצד מגדירים מערך המכיל רק אלמנטים מסוג number.

const array: number[] = [1, 2, 3, 4]

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

הכל בסרטון הבא בערוץ יוטיוב

שלום לך 👋 נעים להכיר.

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

אנחנו לא שולחים ספאם!

רוצים לקבל מאיתנו עדכונים?

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

הרשמה לניוזלטר

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