PracticU

שפת JavaScript - פונקציה Inline

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

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

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

  1. 00:00

    הכנסת פונקציה לתוך משתנה

  2. 01:00

    פונקציית inline וקריאה דרך המשתנה

  3. 01:45

    למה לבנות פונקציה כ-inline

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

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

  1. 00:02

    פונקציה אפשר גם להכניס לתוך משתנה. בואו נסתכל על זה, יש לנו פה const my function, בואו קודם כל לפני זה נבנה function do something, ונדפיס console.log doing something, ונראה שהיא מתבצעת.

  2. 00:33

    מה התכוונתי מקודם שאפשר להכניס אותה למשתנה? פונקציה שווה בצורה כזאת לקחתי את כל הפונקציה והכנסתי אותה למשתנה אם אנחנו עושים את הדבר הזה אז אנחנו לא יכולים יותר להשתמש בצורה הזאת בשם שלה אם אנחנו נריץ את זה המערכת קורסת ואומרת לנו אנחנו לא מכירים do something לא יודע מה זה

  3. 01:00

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

  4. 01:17

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

  5. 01:50

    מאשר בצורה הקלאסית שמקודם בנינו function do something שמבצעת את הקוד שלה ואז לקרוא לה הרי בשני המקרים אני קורא לפונקציה אותו הדבר פונקציה קלאסית שאנחנו בונים

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

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

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

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

  • מבוא ל-Javascript
  • פונקצית Inline table
  • פונקציה - Function
  • Javascript in JavaSelenium

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

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