שיעור 4 ב-angular – שימוש ב-TypeScipt

מה זה TypeScript ?

TypeScript היא הרחבה ל-JavaScript שפותחה על ידי מיקרוסופט.

היא מאפשרת לנו לכתוב ב-JavaScript עם שיפורים כמו :

  • אובייקטים של מונחה עצמים.
  • ממשקים (=אינטרפייס).
  • הגדרה מפורשת של סוגי המשתנים.
  • ועוד…

בסופו של דבר, כאשר אנחנו כותבים ב-TypeScript אז זה מתקמפל ל-JS על ידי TSX שהוא הקומפיילר שעושה זאת.

כמובן שכדי שיהיה לנו נוח, ונראה מראש את השגיאות, צריך עורך קוד שתומך ב-TS.

קבצי TS מסתיימים בסייומת ts.

דוגמאות ל-TypeScript :

  • הגדרת משתנה מסוג מחרוזת :
let name:string = 'Koko Moko';
  • הגדרת פרמטרים לפונקציה בתור מספרים , והגדרת הפונקציה עצמה – ככזו שמחזירה מספר :
function Boom(firstParam:number, seconedParam:number):number {
...
...
{
  • סוגי המשתנים האפשריים ב-TypeScript הם :
    • string
    • number
    • boolean
    • array
    • any
    • void – כלומר לא מחזיר ערך.
    • null
    • tuple
  • דוגמא להגדרת מחלקה ב-TypeScript, אפשר ליצור מאפיינים, מתודות וכו' :
class MyClass {
 firstName:string;
 
 constructor(giveMeYourName:string) {
 this.firstName = giveMeYourName;
 
 }
 
 sayHi() {
 return "Hi -- " + this.firstName;
 }
 }

let obj = new MyClass("Eyal");