PracticU

שפת JavaScript - פונקציה רגילה

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

שפת JavaScript - פונקציה רגילה
פונקציה היא בלוק קוד עם שם, שאפשר לקרוא לו שוב ושוב. השיעור מסביר פרמטרים, ערכי ברירת מחדל והחזרת ערך, ומה קורה כשמעבירים יותר או פחות פרמטרים מההגדרה.
פרמטרים
1. שליחה: הערכים נכנסים לפרמטרים לפי הסדר.
2. פרמטר חסר: פרמטר שלא נשלח מקבל undefined, אלא אם הוגדר לו ערך ברירת מחדל.
3. פרמטרים עודפים: JavaScript לא דוחה קריאה כזאת, והערכים העודפים לא נכנסים לפרמטרים.
4. arguments: אובייקט שמחזיק את כל הערכים שנשלחו, כולל העודפים. לפי השיעור זה נדיר בשימוש.
החזרת ערך
1. return: מחזיר ערך לקוד שקרא לפונקציה.
2. בלי return: הפונקציה מחזירה undefined. גם return בלי ערך מחזיר undefined.
נקודה לזכור
1. אין העמסה: כתיבת פונקציה נוספת עם אותו שם דורסת את הקודמת, בלי קשר לפרמטרים. JavaScript לא תומכת בהעמסת פונקציות. דריסה במובן של תכנות מונחה עצמים היא עניין אחר, שייבחן בהמשך.
כעת אפשר להגדיר פונקציה עם פרמטרים ולהחזיר ממנה ערך.
השיעור הבא בקורס: שפת JavaScript - פונקציה Inline

פרקי ההרצאה: שפת JavaScript - פונקציה רגילה

  1. 00:00

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

  2. 00:52

    שליחת פרמטרים לפונקציה

  3. 01:32

    פרמטרים חסרים ועודפים בפונקציה

  4. 02:09

    אין העמסת פונקציות ב-JavaScript

  5. 02:44

    החזרת ערך מפונקציה עם return

תמלול ההרצאה: שפת JavaScript - פונקציה רגילה

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

  1. 00:02

    הדבר הבא שהוא מאוד בסיסי בג'אווה סקריפט אלו פונקציות. בואו נבנה פונקציה do something console.log doing something ואנחנו רוצים לקרוא לה do something יש לי פה שגיאה something ונקרא לה ונראה שהיא פשוט מתבצעת.

  2. 00:30

    כמה דברים בנוגע לפונקציות דבר ראשון אנחנו יכולים לשלוח לפונקציות פרמטרים בואו נבצע a,b,c ונדפיס a,b,c ונשלח 10,20 ונריץ והנה אנחנו רואים שזה ביצע את זה. עכשיו אנחנו לא חייבים לשלוח את כל הפרמטרים ואז מה שלא שלחנו יהיה undefined.

  3. 01:02

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

  4. 01:22

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

  5. 01:39

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

  6. 02:00

    בואו נכתוב פה doing something else אם אני עכשיו אנסה לבצע את זה כמובן אין לי פה a, b ו-c אז המערכת תריס לנו את הפונקציה השנייה שדרסה את הפונקציה הראשונה לכן אין דבר כזה ב-JavaScript העמסת פונקציות כתבתם פונקציה עם שם מסוים והשם, אתם לא יכולים לדרוס אותה,

  7. 02:24

    לעשות לה סליחה overriding, אה... overloading, סליחה, העמסה, לא דריסה, העמסה. דריסה זה משהו שקשור ל-object oriented וזה כן אפשר לבצע, נראה בהמשך.

  8. 02:37

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

  9. 02:59

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

לקורס המלא: קורס NodeJS אונליין בעברית

ההרצאה הקודמת: שפת JavaScript - מחרוזת - String

ההרצאה הבאה: שפת JavaScript - פונקציה Inline

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

  • מבוא ל-Javascript
  • פונקציה - Function
  • Javascript in JavaSelenium
  • פונקציה Scalar - עם פרמטרים

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

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