TypeScript מוסבר: למה אתם צריכים אותו
אתם כותבים JavaScript כל יום. זה עובד מצוין. אז למה לעבור ל-TypeScript?
פעם ביליתי יומיים בתיקון באג ב-production. זו הייתה טעות הקלדה פשוטה בשם של property. TypeScript היה מוצא את השגיאה הזו בתוך מילישניות.
TypeScript הוא JavaScript עם types. Microsoft יצרה אותו ב-2012. צוותים גדולים ב-Google וב-Slack משתמשים בו.
TypeScript לא מחליף את JavaScript. הוא מתקמפל ל-JavaScript רגיל. דפדפנים ו-Node.js מריצים את קבצי ה-JS שנוצרים. TypeScript עוזר לכם לכתוב קוד טוב יותר לפני שאתם מריצים אותו.
השוו בין שתי הדוגמאות הללו:
JavaScript: function greetUser(name) { return "Hello, " + name.toUpperCase(); } greetUser(42); // This crashes your app at runtime.
TypeScript: function greetUser(name: string): string { return "Hello, " + name.toUpperCase(); } greetUser(42); // This shows an error in your editor immediately.
למה להשתמש ב-TypeScript?
- תפיסת שגיאות מוקדמת: אתם מוצאים טעויות בזמן ההקלדה, לא כשהמשתמשים מוצאים אותן.
- השלמה אוטומטית טובה יותר: ה-editor שלכם מכיר את מבנה הנתונים ומציע properties.
- תיעוד חי: אתם רואים בדיוק אילו נתונים פונקציה צריכה על ידי הסתכלות על ה-signature שלה.
- Refactoring בטוח: אם תשנו שם של property, TypeScript יסמן כל נקודה שבורה בקוד שלכם.
איך מתחילים:
התקינו באמצעות npm: npm install -g typescript
צרו קובץ בשם hello.ts: const message: string = "Hello, TypeScript!"; console.log(message);
קמפלו אותו: tsc hello.ts
זה יוצר קובץ hello.js. ה-types נעלמים בפלט, ומשאירים JavaScript נקי עבור הדפדפן שלכם להריץ.
טעויות נפוצות שכדאי להימנע מהן:
- שימוש ב-"any" לכל דבר: זה מבטל את היתרונות של TypeScript. היו ספציפיים.
- התעלמות משגיאות: אל תסתירו שגיאות באמצעות הערות. תקנו את הבעיה השורשית.
- Over-annotating: TypeScript חכם. הוא יכול לעיתים קרובות לנחש את ה-type באמצעות inference.
ל-TypeScript יש עקומת למידה קטנה. זה משתלם ככל שהפרויקטים שלכם גדלים.