PracticU

הורשה ב-TypeScript

בלי כתוביותעם כתוביות
PracticU › קורס TypeScript › הורשה ב-TypeScript
מילון מושגים:
TypeScript - שפת תכנות המרחיבה את JavaScript בהוספת טיפוסים, ומתקמפלת ל-JavaScript רגיל.
מחלקה - תבנית בתכנות מונחה עצמים שמגדירה אילו נתונים ופעולות יהיו לאובייקטים שנוצרים ממנה.
מחרוזת - סוג נתונים שמייצג רצף של תווים, כלומר טקסט, ומשמש לאחסון מילים, משפטים או כל רצף סימנים.
בנאי - מתודה מיוחדת שמופעלת אוטומטית בעת יצירת אובייקט ממחלקה, ומאתחלת את ערכיו ההתחלתיים.
פרמטר - ערך שמועבר לפונקציה או לפקודה כקלט, ומשפיע על אופן פעולתן ועל התוצאה שהן מחזירות.
מתודה - פונקציה המוגדרת בתוך מחלקה ומתארת פעולה שאובייקטים מאותה מחלקה יכולים לבצע.

הורשה ב-TypeScript
הורשה מאפשרת לבנות מחלקה חדשה שמקבלת את כל מה שיש במחלקה קיימת ומוסיפה עליה נתונים. בהרצאה המחלקה Cat מהסרטון הקודם הופכת לבסיס של WildCat, חתול בר.
השלבים העיקריים
1. extends: WildCat extends Cat יוצרת מחלקה יורשת. בקובץ ההרצאה צריך לטעון את Cat לפני WildCat, כי היורשת משתמשת בה.
2. שדה חדש: מוסיפים food מסוג string, בנוסף ל-name ול-age שמגיעים מ-Cat.
3. בנאי עם super: הבנאי של היורשת מקבל את הפרמטרים של הבסיס ועוד food. כשיש בנאי במחלקה יורשת חייבים לקרוא לבנאי של מחלקת הבסיס, ואין קריאה אוטומטית. עושים זאת עם super ושולחים לו name ו-age, ואחר כך this.food = food.
4. דריסת מתודה: מתודת display באותו שם מחליפה את זו של הבסיס. כדי לשמור על ההתנהגות הקיימת קוראים ל-super.display, ואז מדפיסים גם את ה-food.
5. שימוש: יוצרים new WildCat עם שם, גיל ואוכל וקוראים ל-display, והפלט כולל את נתוני החתול ואת האוכל.
שימו לב
כדי להשתמש במתודת בסיס אחרת, שאינה נדרסה, אפשר לקרוא לה עם super או עם this. אם יש דריסה באותו שם ורוצים את גרסת הבסיס, משתמשים ב-super.
אפשר עכשיו ליצור מחלקה יורשת, לקרוא לבנאי הבסיס ולדרוס מתודות.
השיעור הבא בקורס: מחלקה אבסטרקטית ב-TypeScript

פרקי ההרצאה: הורשה ב-TypeScript

  1. 00:00

    מחלקת WildCat שיורשת מ-Cat

  2. 01:03

    קונסטרקטור שמוסיף את food

  3. 01:44

    קריאה לקונסטרקטור הבסיס עם super

תמלול ההרצאה: הורשה ב-TypeScript

הטקסט המלא של הדקות הראשונות בהרצאה «הורשה ב-TypeScript» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.

  1. 00:02

    אנחנו מגיעים להורשה כאן אנחנו רוצים לבנות קלאס ולקבל את כל מה שבנינו בקלאס ישנה יותר וכמובן להוסיף נתונים נוספים על הקלאס החדשה שאנחנו בונים יש לנו פה כבר את הקאט מהסרטון הקודם ויש לנו פה אובייקט קאט הכל בסדר אנחנו רוצים ליצור ויילד קאט חתול בר חתול בר הוא גם חתול ולכן אנחנו יכולים לבנות קלאס ווילד קאט ו-to extends וזאת הורשה כשאני לא אשכח כבר אז באינדקס אנחנו צריכים

  2. 00:44

    כבר את ווילד קאט אבל ווילד קאט צריכה להיות כמובן מעל קאט בהקשר הזה מפני שאנחנו משתמשים קאט לא הפוך סליחה קאט אמור להיות מעל ווילד קאט מפני שווילד קאט משתמש ב-cat ואנחנו רוצים להוסיף food string בנוסף לכל מה שקיבלנו מ-cat שזה סך הכל name ו-age אני רוצה להוסיף גם food אוקיי אז מה עכשיו אנחנו עושים אז אנחנו צריכים

  3. 01:15

    לייצר לעצמנו קונסטרקטור public קונסטרקטור בכדי שהקונסטרקטור של ויילד קאט יקבל את כל מה שהקונסטרקטור של קאט קיבל פלוס food אז הקונסטרקטור של קאט קיבל את שני החבר'ה האלה, אני אעתיק אותם לפה, ובנוסף אני רוצה לקבל גם פוד שהוא סטרינג.

  4. 01:42

    למה קיבלנו פה שגיאה? אז בי דיפולט, ברגע שיש לכם קונסטרקטור במחלקה יורשת, נגזרת, אז אנחנו חייבים לקרוא לקונסטרקטור כלשהו במחלקת הבסיס.

  5. 01:56

    המערכת לא קוראת אוטומטית לקונסטרקטור הדיפולט שקיים כאן. זה בייסיקלי מה שקורה. אז אנחנו רוצים לעשות קריאה לקונסטרקטור הבסיס וזה פשוט סופר וקונסטרקטור הבסיס

לקורס המלא: קורס TypeScript אונליין

ההרצאה הקודמת: יצירת מחלקה ואובייקטים ב-TypeScript

ההרצאה הבאה: מחלקה אבסטרקטית ב-TypeScript

הרצאות קשורות מקורסים אחרים

  • Typescript
  • הורשה ב-NodeJS
  • CSS - הורשה
  • הורשה - Inheritance

קורסים נוספים במסלול

  • קורס יסודות HTML - בניית אתר אינטרנט פשוט
  • קורס CSS 3 - בדגש על Flex & Grid
  • קורס Javascript כולל JQuery
  • קורס ג'אווה סקריפט מעשי - JavaScript
  • קורס ריאקט - React
  • קורס NodeJS