PracticU

משתנים ב-Javascript

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

משתנים ב-Javascript
משתנה הוא תא זיכרון שמחזיק מידע. השיעור מראה איך פותחים משתנה ב-JavaScript, ואיך זה שונה משפות כמו C#.
השלבים העיקריים
1. הכרזה עם var: ב-JavaScript יש טיפוס משתנה אחד. פותחים אותו עם המילה var, נותנים לו שם ומכניסים לתוכו ערך.
2. מקבל כל דבר: בשפות אחרות יש טיפוסים כמו מספר שלם או מחרוזת. ב-JavaScript המשתנה מקבל כל ערך, ולכן var דומה ל-object ב-C#.
3. החלפת ערך: אפשר לשים במשתנה מספר, אחר כך מחרוזת, ואחר כך מספר נוסף. זה עובד בדפדפן, אבל לא כדאי להסתמך על כך.
4. שם כפול: פתיחה של משתנה פעמיים באותו שם עובדת בדפדפן, אבל ברוב השפות זה לא חוקי. עדיף להשתמש במשתנה הקיים או לתת שם אחר.
5. העתקה בין משתנים: אפשר לקחת ערך ממשתנה אחד ולהכניס אותו למשתנה אחר. כך var b = a מעתיק את הערך של a ל-b.
פקודות והגדרות
var a = 1, var b = a, alert(b).
שימו לב
הערה לשורה אחת מתחילה בשני סלאשים //. הערה לכמה שורות כתובה בין /* ל-*/, וכל מה שבתוכה מתעלם ממנו בהרצה.
בסוף השיעור פותחים כמה משתנים, מעתיקים ביניהם ערכים ומציגים אותם.
השיעור הבא בקורס: תנאי If-Then-Else ב-Javascript
מילון מושגים:
קוד מקור - הקוד שמפתחים כותבים בשפת תכנות, לפני הידור, המגדיר את פעולת התוכנה.
Java - שפת תכנות עילית ומונחית עצמים, הרצה על מכונה וירטואלית (JVM) ומשמשת לפיתוח מגוון יישומים.

להורדת קוד מקור של כל הדוגמאות בקורס  JAVA SCRIPT למתחילים -לחץ כאן לתלמידי המכללה בלבד

להורדת קוד מקור של כל הדוגמאות בקורס  JAVA SCRIPT למתקדמים- לחץ כאן לתלמידי המכללה בלבד

פרקי ההרצאה: משתנים ב-Javascript

  1. 00:00

    פתיחת משתנה עם var

  2. 00:40

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

  3. 01:22

    הרצה מ-Visual Studio

  4. 02:25

    הגדרה חוזרת של אותו שם

  5. 03:07

    המלצה להימנע מכפילות

תמלול ההרצאה: משתנים ב-Javascript

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

  1. 00:01

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

  2. 00:22

    צור של variable, כלומר המשתנה. אז אני יכול לפתוח var, לתת לו שם, ולאחר מכן להכניס לתוכו מה שאני רוצה.

  3. 00:36

    בשפות אחרות יש טיפוסים שונים למשתנים. כלומר, אם הייתי רוצה לקחת מספר שלם ולהכניס אותו לתוך תא הזיכרון, אז התא הזיכרון היה מטיפוס int, כלומר קיצור של integer, מספר שלם.

  4. 00:51

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

  5. 01:06

    אם הייתי עושה אנלוגיה לשפה לדוגמה C-Sharp, אז var הוא כמו Object, כלומר מקבל כל דבר. אם אני רוצה להציג אותו, Alert, נאם.

  6. 01:21

    בואו נריץ. כאשר אנחנו רוצים להריץ אותו מתוך Visual Studio אנחנו יכולים ללחוץ מקש ימני ו-View in Browser. ברגע שעשינו את הדבר הזה לא תקפוץ לנו את אותה הודעה שהייתה מקודם שמבקשת מאיתנו לאשר את הרצת הדף, ומיד הדף ירוץ.

  7. 01:36

    אנחנו יכולים לראות 1, 2, 3, מוצג לי על MessageBox. אוקיי, מה קורה אם אני עכשיו רוצה לקחת את התא הזיכרון הזה שנקרא נאם ולהכניס לתוכו משהו כמו סטרינג מכרוזת.

  8. 01:55

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

  9. 02:22

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

  10. 02:46

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

  11. 03:16

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

  12. 03:34

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

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

ההרצאה הקודמת: Hello World

ההרצאה הבאה: תנאי If-Then-Else ב-Javascript

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

  • שפת JavaScript - משתנים
  • משתנים
  • משתנים - חלק 1
  • משתנים ב-JAVA

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

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