PracticU

פונקציות ב-TypeScript

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

פונקציות ב-TypeScript
בהרצאה בונים פונקציות ב-TypeScript ורואים איך הטיפוסים של הפרמטרים ושל ערך ההחזרה הופכים את הקריאה לפונקציה לנוקשה ובטוחה יותר מ-JavaScript.
מה מגדירים בפונקציה
1. פונקציה פשוטה: doSomething שמדפיסה הודעה. העמסת פונקציות אינה אפשרית, גם לא ב-JavaScript.
2. פרמטרים עם טיפוס: פונקציה שמקבלת str מסוג string ו-num מסוג number חייבת לקבל בדיוק את אותם טיפוסים ואת אותו מספר פרמטרים. אחרת מתקבלת שגיאה, והדבר שונה מ-JavaScript.
3. פרמטר אופציונלי: סימן שאלה אחרי השם, כמו num?, מאפשר לא לשלוח אותו, ואז הוא undefined. אם כל הפרמטרים אופציונליים אפשר לקרוא בלי שום ארגומנט.
4. דילוג על פרמטר: אי אפשר להשאיר פסיק ריק בקריאה. כדי לא לשלוח ערך ל-str שולחים undefined.
5. ערך מוחזר: void מציין שהפונקציה לא מחזירה דבר, וכך הקומפיילר מתריע אם בטעות מחזירים משהו. פונקציה כמו getMax עם שני מספרים מחזירה number באמצעות אופרטור טרינרי, ובדוגמה התוצאה בין 10 ל-20 היא 20.
שימו לב
פרמטר בלי טיפוס נחשב כאילו הוגדר any. בדוגמה הקומפיילר לא מנע זאת, וזה תלוי בהגדרות ב-tsconfig. מומלץ לתת טיפוס ספציפי לכל משתנה.
אפשר עכשיו לכתוב פונקציות עם פרמטרים מוגדרים, פרמטרים אופציונליים וערך החזרה מוצהר.
השיעור הבא בקורס: יצירת מחלקה ואובייקטים ב-TypeScript

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

  1. 00:00

    יצירת פונקציה והרצתה

  2. 00:44

    פרמטרים מטיפוסים וחובת התאמה

  3. 02:02

    פרמטרים אופציונליים

  4. 02:39

    שליחת undefined לפרמטר שמדלגים עליו

  5. 03:16

    ערך מוחזר וטיפוס void

תמלול ההרצאה: פונקציות ב-TypeScript

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

  1. 00:02

    הדבר הבא שאנחנו הולכים לראות בטייבסקריט זה יצירת פונקציות function do something document write doing something נקרא לה do something בצורה כזאת ואנחנו רוצים להריץ קומפיילר tsc-wgo ואנחנו רוצים גם להריץ את האתר בואו נפעיל אותו והנה אנחנו רואים doing something מה עוד אנחנו יכולים לעשות

  2. 00:42

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

  3. 00:54

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

  4. 01:09

    doing something else, ובואו, האמת, נשתמש פה באינטרפוליישן ואז יהיה לנו יותר קל str ונרשום את str פה וnum נרשום את num פה ונריץ גם את do something else do something else אומרת לי תשמע אתה חייב להביא לי מחרוזת הלו ומספר 123 ועכשיו הכל בסדר

  5. 01:44

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

  6. 02:05

    הנה עכשיו נם הוא אופציונלי, אני לא חייב לשלוח את נם. בואו נקרא לזה פעם אחת בצורה כזאת ופעם אחת בצורה כזאת. אז אם אנחנו רוצים להריץ את זה רגע, בואו נראה.

  7. 02:17

    ושימו לב שהפרמטר num הוא undefined בקריאה הזאת, השנייה, כי לא שלחנו אותו. בואו נניח שכל הפרמטרים הם אופציונליים, זאת אומרת שאנחנו יכולים לקרוא ל-do something else וגם לא לשלוח שום דבר.

  8. 02:37

    במצב הזה שניהם יהיו undefined. זה בסדר? האם אנחנו יכולים לא לשלוח פרמטר ל-str וכן לשלוח פרמטר ל-num?

  9. 02:50

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

  10. 03:00

    אם אנחנו לא רוצים לשלוח דבר ל-STR, אז אנחנו שולחים undefined, זה בסדר, זה אומר שהוא קיבל בנקו undefined ו-NAM קיבל 1, 2, 3. אז יש לנו פה פונקציות, אנחנו יכולים לא לשלוח פרמטרים, אנחנו יכולים לשלוח פרמטרים בטיפוסים שונים, זה בסדר, אבל מה הערך המוחזר?

  11. 03:24

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

  12. 03:44

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

  13. 03:57

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

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

ההרצאה הקודמת: מערך Array ב-TypeScript

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

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

  • Typescript
  • פונקציות למתקדמים
  • פונקציות - Functions (חלק 1)
  • פונקציות - Functions

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

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