מבוא ל-typescript, ומה זה בכלל typescript?
typescript היא סוג של javascript שמאפשר להשתמש בתכנות מונחה עצמים כבר היום ב-javascript בדומה לשפות כדוגמת, C, Java ו-PHP. בין התכונות שהיא מוסיפה, static typing, תמיכה במחלקות ותמיכה במודולים ובדקורטורים.
typescript הוא סופר-סט (superset) של javascript כלומר, הקוד מבוסס על javascript, וחייב לעבור קומפילציה (תרגום) ל-javascript כדי שהדפדפנים יבינו אותו מפני שדפדפנים מבינים javascript בלבד.
משתמשים ב-typescript מפני שהוא מוסיף ל-javascript מספר תכונות שלא קיימות בשפה, כפי שנראה בהמשך, אבל בעיקר מפני שכמעט כל התיעוד של Angular2 כתוב ב-typescript.
אילו תכונות נוספו ל-typescript שלא קיימות ב-javascript?
typescript מוסיפה ל- javascript יכולת לכתוב קוד בסגנון מונחה עצמים בדומה לשפות C, Java ו-PHP. בין התכונות ניתן למנות את השימוש ב- static typing, ארגון הקוד באמצעות מחלקות, ומודולים ושימוש בדקורטורים.
נתחיל מהתכונה הראשונה static typing.
התכונה שנתנה ל-typescript את שמו היא static typing, שזה אומר שכשכותבים קוד typescript צריך להגדיר את סוג המשתנים. כמקובל בשפות דוגמת C, Java ו-PHP7. לדוגמה, אם המשתנה הוא מחרוזת אז נצטרך להגדיר אותו בהתאם, לדוגמה:
var name: string = "yossi";שם המשתנה הוא name, ואת הסוג מציינים אחרי הנקודתיים (string).
תכונה נוספת הוא התמיכה במחלקות (class), בדומה לשפות אחרות של תכנות מונחה עצמים. מחלקות מאפשרות לקבץ קוד ששייך לנושא מסוים בתוך אותה מחלקה, להחליט אילו מתודות ותכונות של המחלקה להסתיר מפני הקוד שקיים מחוץ למחלקה, וגם מאפשר שימוש חוזר בקוד, במחלקות אחרות, באמצעות הורשה.
התכונה השלישית מאפשרת את ארגון הקוד במודולים. זה מתאפשר הודות לכך שניתן לתת למספר תכונות או קבצים של קוד את אותו השם, את אותו ה- namespace, ובכך להימנע ממצב שליותר ממחלקה אחת או ליותר מפונקציה אחת יש את אותו שם. הודות לשימוש במודולים ניתן להשתמש בביטחון בקוד שכתבו מתכנתים שונים באותו הפרויקט בלי צורך לריב על השמות של המחלקות. מה שמאפשר לנו לכתוב קוד גדול, גמיש ומתוחכם הרבה יותר.
התכונה האחרונה ברשימה הוא השימוש בדקורטורים, שזה קוד שמוסיף יכולות למחלקות קיימות מבלי לשנות את קוד המחלקות עצמן.
איך ללמוד typescript?
בסדרת המדריכים שאעלה בשבועות הקרובים באתר רשתטק נעסוק בכל ההיבטים של typescript עליהם כתבתי, ובהיבטים נוספים, ונכין את הקרקע ללימוד של Angular2.
במדריך הבא נלמד כיצד להתקין typescript על המחשב האישי, ונכתוב את הסקריפט הראשון עם typescript
אהבתם? לא אהבתם? דרגו!
0 הצבעות, ממוצע 0 מתוך 5 כוכבים
המדריכים באתר עוסקים בנושאי תכנות ופיתוח אישי. הקוד שמוצג משמש להדגמה ולצרכי לימוד. התוכן והקוד המוצגים באתר נבדקו בקפידה ונמצאו תקינים. אבל ייתכן ששימוש במערכות שונות, דוגמת דפדפן או מערכת הפעלה שונה ולאור השינויים הטכנולוגיים התכופים בעולם שבו אנו חיים יגרום לתוצאות שונות מהמצופה. בכל מקרה, אין בעל האתר נושא באחריות לכל שיבוש או שימוש לא אחראי בתכנים הלימודיים באתר.
למרות האמור לעיל, ומתוך רצון טוב, אם נתקלת בקשיים ביישום הקוד באתר מפאת מה שנראה לך כשגיאה או כחוסר עקביות נא להשאיר תגובה עם פירוט הבעיה באזור התגובות בתחתית המדריכים. זה יכול לעזור למשתמשים אחרים שנתקלו באותה בעיה ואם אני רואה שהבעיה עקרונית אני עשוי לערוך התאמה במדריך או להסיר אותו כדי להימנע מהטעיית הציבור.
שימו לב! הסקריפטים במדריכים מיועדים למטרות לימוד בלבד. כשאתם עובדים על הפרויקטים שלכם אתם צריכים להשתמש בספריות וסביבות פיתוח מוכחות, מהירות ובטוחות.
המשתמש באתר צריך להיות מודע לכך שאם וכאשר הוא מפתח קוד בשביל פרויקט הוא חייב לשים לב ולהשתמש בסביבת הפיתוח המתאימה ביותר, הבטוחה ביותר, היעילה ביותר וכמובן שהוא צריך לבדוק את הקוד בהיבטים של יעילות ואבטחה. מי אמר שלהיות מפתח זו עבודה קלה ?
השימוש שלך באתר מהווה ראייה להסכמתך עם הכללים והתקנות שנוסחו בהסכם תנאי השימוש.