אחרי שלמדנו מה המטרה של טייפסקריפט בחיים שלנו, בואו נראה איך היא עושה את זה.
הלחם והחמאה של טייפסקריפט זה כמובן טייפים, כלומר הגדרת סוגים למשתנים ופונקציות,
ככה טייפסקריפט יכולה בזמן "קומפליציה" (הזמן בו אנחנו כותבים את הקוד שלנו) להבין אם אנחנו עושים סוטים מגבולות הטייפים שהגדרנו. לשמירה על חוויית המשתמש נעזר בכלים שיתריעו בפנינו על קוד שלא בהלימה עם הטייפים שהגדרנו.
ישנם סוגים שונים של טייפים בTS, אנחנו יכולים גם להגדיר טייפים משלנו (לאובייקטים מורכבים למשל).
הטייפים הבסיסיים הם כאלה שקיימים אפילו בזמן ריצה של JS, ככה שאתם לא אמורים להיות מופתעים (נסו להריץ typeof על משתנים), כך למשל אנחנו מקבלים טייפים פרימיטיבים כמו string, number, boolean
.
console.log(typeof 'foo')
// will print -> string
אחת הדוגמאות הנפוצות ביותר להגדרת סוג משתנה היא הגדרת מערך המכיל טייפ מסוג כלשהו.
בדוגמא הבאה ניתן לראות כיצד מגדירים מערך המכיל רק אלמנטים מסוג number
.
const array: number[] = [1, 2, 3, 4]
אז איך מגדירים איחוד של כמה טייפים ביחד כאשר אנחנו לא רוצים לאבד את הגמישות של JS? ואיך אפשר להגיד לטייפסקריפט שאני מוכן שהמשתנה יקבל כל סוג ושתפסיק לצעוק עלי!
הכל בסרטון הבא בערוץ יוטיוב