PracticU

יצירת enum ב-TypeScript

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

יצירת enum ב-TypeScript
כשיש בתוכנית רשימה סגורה של קבועים, enum ב-TypeScript מאפשר לעבוד איתם בשמות ולא במספרים. ההרצאה בונה enum של צבעים ומשתמשת בו במשתנים, בערכים טקסטואליים ובפונקציה עם switch.
השלבים העיקריים
1. הגדרה: בקובץ נפרד כותבים enum Color עם red, green, blue, yellow, magenta, cyan, black, white ו-gray. המטרה היא רשימה סגורה של קבועים שלא משתנים במהלך חיי האפליקציה.
2. משתנים מהסוג: const myColor1 = Color.Green, או let שמקבל ערך אחר כך. אפשר להציב רק ערך שקיים ב-enum.
3. ערכים מספריים כברירת מחדל: red מתחיל ב-0, ולכן green הוא 1. אפשר לקבוע התחלה אחרת, למשל red שווה 10 ו-green הופך ל-11.
4. ערכי טקסט: אם רוצים לראות שמות בדיבוג או בהדפסה, נותנים מחרוזת לכל חבר. אז כל החברים חייבים לקבל מחרוזת.
5. switch לא עובד על משתנה קבוע: על const שהוא Color.Green העורך יודע שהערך תמיד green, ולכן שאר ה-cases מקבלים שגיאה.
6. פתרון בפונקציה: פונקציה displayColorItem מקבלת פרמטר מסוג Color, והקומפיילר לא יודע איזה ערך ישלחו. בתוכה switch ממפה red ל-wine, green ל-grass ו-blue ל-sky, ו-default מחזיר "unknown item". הקריאה עם green הדפיסה grass.
שימו לב
- אי אפשר להציב ב-enum ערך שאינו ברשימה.
- ערך מספרי ברירת מחדל לא נוח לקריאה בהדפסה, ולכן נהוג לתת מחרוזות.
עכשיו אפשר להגדיר enum, ליצור ממנו משתנים, להעביר אותו לפונקציה ולהשתמש בו ב-switch.
השיעור הבא בקורס: יבוא ויצוא Module ב-TypeScript

פרקי ההרצאה: יצירת enum ב-TypeScript

  1. 00:00

    יצירת enum של צבעים

  2. 00:46

    מטרת ה-enum ומשתנים מסוגו

  3. 02:10

    ערכים מספריים כברירת מחדל

  4. 02:50

    הגדרת ערכי מחרוזת לאיברים

  5. 03:47

    שימוש ב-switch על enum

  6. 04:30

    בדיקת הקומפיילר על ערכי case

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

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

  1. 00:02

    בטייפסקריפ יש לנו את היכולת לייצר אינאם שזה משהו שהוא יכול מאוד להיות שימושי עבורנו בואו נייצר אינאם של צבעים נקרא לו colors.polor נקרא לו ביחיד color.ts ויש לנו את המילה השמורה אינאם.polor ויש לנו פה red יש לנו green blue yellow So מג'נטה, סייאן, בלאק,

  2. 00:40

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

  3. 00:58

    בואו נבנה רגע את פונסט מייקולור. הסוג שלו זה קולור, קולור זה סוג של אינאם. כמובן שאם אני בונה קונסט אני חייב להתחל אותו אז בואו נתחל אותו ב-color.גורין שימו לב שזה כמובן אפשרות אחת לבנות משתנה בואו נבנה ויהיה מייקולור 1 בואו נבנה מייקולור 2 על ידי let ולא נכניס אליו ערך ישירות מייקולור 2 שווה color.בלו בואו ניגש

  4. 01:36

    ונבנה לנו קונסט מייקולור 3 ומיד נכניס לתוכו color.red ונציג את כולם דוקימנט רייט נציג color ויש לנו את מייקולור 1 נציג את מייקולור 2 ו3 בואו נראה רגע אם הוא רץ לא רץ אנחנו צריכים לפי הקונסול הוא לא מכיר את color בואו ניגש לפה

  5. 02:16

    ונגיד לו תכיר לנו בבקשה את color.js והנה הצבעים מה הצבעים הצבעים אני רואה שהם בכלל מספרים כי ב-default הם מקבלים מספרים אז אנחנו רואים ש-green הוא 1 כי red התחיל מ-0 דרך אגב אנחנו יכולים לבוא ולשנות את זה ל-10 red יהיה 10 green יהיה 11 שימו לב הנה אנחנו רואים 11 אחר כך אנחנו רואים תם עשרה כי קולור שתיים זה בלו, עשר, אחד עשרה,

  6. 02:50

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

  7. 03:20

    לור, ילו, יש לנו את המצ'נטה, יש לנו את הסיין, הנה הבלאק, הנה הווייט והנה ההונגרי. זה נותן לי אפשרות גם במהלך הדיבאגינג, גם אם אני מציג את זה, לראות את הצבעים עצמם.

  8. 03:42

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

  9. 03:52

    אפשר לבצע סוויץ', בואו נעשה סוויץ' על מיי קולור 1 ואני לא רואה שהוא מאפשר לי לעשות את זה אוטומטית וחבל יש שפות שמאפשרות לי בבת אחת לבנות את כל הקייסים אז אני יכול ללכת קייס קייס ולהגיד color.red אם אתה עושה את זה אז תדפיס לי דוקיומנט נקודה רייט וויין נניח עבור צבע אדום תדפיס לי וויין ברייק

  10. 04:30

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

  11. 05:07

    אוקיי, מה אם היינו עושים color 2?

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

ההרצאה הקודמת: מחלקה Generic ב-TypeScript

ההרצאה הבאה: יבוא ויצוא Module ב-TypeScript

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

  • enum
  • Typescript
  • יצירת ENUM בג'אווה
  • Array - Enum

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

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