PracticU

שפת JavaScript - הסבר על this - חלק 1

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

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

פרקי ההרצאה: שפת JavaScript - הסבר על this - חלק 1

  1. 00:00

    יצירת אובייקט חתול עם פונקציה

  2. 00:39

    פונקציה שמציגה את שם החתול וגילו

  3. 01:21

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

  4. 01:57

    מה this מייצג כברירת מחדל

תמלול ההרצאה: שפת JavaScript - הסבר על this - חלק 1

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

  1. 00:02

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

  2. 00:39

    לנו פה function ומה שהפונקציה עושה זה פשוט console.log ואנחנו רוצים להציג את השם של החתול ואת הגיל שלו בצורה כזאת אז אנחנו רוצים לקרוא לפונקציה יש לנו cat וכמו שיש לנו אפשרות לגשת לכל אחד מהמאפיינים שלו אנחנו יכולים לקרוא לפונקציה display בואו נראה אם זה יעבוד אנחנו רוצים להריץ את זה ויש לנו קריסה והקריסה אומרת לנו תשמעו יש לכם שגיאה בשורה 7 והשגיאה היא שאני לא יודעת מה זה name אנחנו לא יכולים סתם כך

  3. 01:26

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

  4. 01:45

    אם אני האובייקט חתול, מיצי החתול שהוא בן 4, פתאום אני רואה name זה מיצי, h זה 4, ויש לנו אפילו את הפונקציה display. אז מה זה dis?

  5. 01:57

    dis זה by default האובייקט שקרה לפונקציה. אפשר לשנות את ההגדרה הזאת כך שזה יהיה אובייקט אחר,

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

ההרצאה הקודמת: שפת JavaScript - טווח הכרה - Scope

ההרצאה הבאה: שפת JavaScript - הסבר על this - חלק 2

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

  • הסבר על this
  • מבוא ל-Javascript
  • Javascript in JavaSelenium
  • מהי שפת SQL?

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

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