מ-אפס לגיבור ב-TypeScript
TypeScript הופכת את קוד ה-JavaScript שלך לבטוח יותר. היא עוזרת לך למצוא באגים לפני הרצת הקוד. מדריך זה מכסה את המסלול ממושגים בסיסיים ועד מתקדמים.
TypeScript מוסיפה טיפוס סטטי (static typing) ל-JavaScript. היא הופכת את הקוד שלך ל-JavaScript רגיל עבור הדפדפן.
טיפוסים בסיסיים
- number: מספרים שלמים או עשרוניים
- boolean: true או false
- string: טקסט
- symbol: מזהים ייחודיים
- bigint: מספרים שלמים גדולים
הערות טיפוס (Type Annotations)
אתה מגדיר טיפוסים בזמן יצירת המשתנה:
let name: string = "Alice";
let age: number = 30;
מערכים ואובייקטים
- מערכים:
let fruits: string[] = ["apple", "banana"]; - אובייקטים:
let user: { name: string; age: number } = { name: "Bob", age: 25 };
פונקציות ניתן לציין מה הפונקציה מקבלת ומה היא מחזירה. השתמש ב-void אם הפונקציה אינה מחזירה דבר.
function greet(name: string): string {
return "Hello, " + name;
}
מבנים מתקדמים
- Type Aliases: הגדרת שם מותאם אישית לטיפוס.
- Interfaces: הגדרת המבנה (shape) של אובייקט.
- Enums: יצירת קבוצה של קבועים בעלי שם.
- Tuples: יצירת מערך עם מספר קבוע של איברים וטיפוסים ספציפיים.
לוגיקה מורכבת
- Union Types: מאפשרים למשתנה להכיל יותר מטיפוס אחד.
- Intersection Types: שילוב של מספר טיפוסים לטיפוס אחד.
- Generics: יצירת רכיבים ניתנים לשימוש חוזר שעובדים עם טיפוסים רבים.
- Utility Types: שימוש בכלים מובנים כמו Partial או Pick כדי לשנות טיפוסים.
שיטות עבודה מומלצות (Best Practices)
- השתמש ב-type עבור כינויים (aliases) פשוטים וטיפוסים בסיסיים (primitives).
- השתמש ב-interface עבור מבנה של אובייקטים.
- הימנע משימוש ב-any. זה מבטל את רמת הבטיחות של TypeScript.
- השתמש ב-unknown במקום ב-any כאשר אינך בטוח בטיפוס.
- אפשר למהדר (compiler) להסיק את הטיפוסים (infer) כאשר הקוד ברור.
TypeScript עוזרת לך לבנות אפליקציות גדולות בביטחון.
מקור: https://dev.to/miasalazar/from-zero-to-hero-in-typescript-425j