למד כיצד ליצור שיעורים ב- JavaScript

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

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

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

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

מבנה כיתת JavaScript

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

מחלקת JavaScript תבוצע באופן טבעי אם אין בנאי (המחלקה פשוט תיצור בונה ריק במהלך הביצוע). עם זאת, אם נוצרת מחלקת JavaScript עם קונסטרוקטורים ופונקציות אחרות אך לא נעשה שימוש במילת מפתח של מחלקה, מחלקה זו לא תהיה ניתנת להפעלה.

ה מעמד מילת המפתח (שתמיד צריכה להיות באותיות קטנות) היא הכרח במבנה הכיתה של JavaScript. הדוגמה הבאה היא התחביר הכללי של מחלקת JavaScript. תחביר כיתת JavaScript להלן:

class ClassName {
// גוף בכיתה
}

יצירת כיתה ב- JavaScript

בתכנות ניתן לראות בכיתה כישות כללית המשמשת ליצירת אובייקט מיוחד. לדוגמה, בסביבה בית ספרית, ישות כללית (כיתה) יכולה להיות תלמידים וחפץ של תלמידים יכול להיות ג'ון בראון. אבל לפני שאתה יוצר אובייקט תצטרך לדעת את הנתונים שהוא יאחסן וכאן נכנסים לבנייני JavaScript.

שימוש בבונים בשיעורי JavaScript

קונסטרוקטור הוא חיוני לתהליך יצירת המעמד בגלל כמה סיבות; הוא מאתחל את מצבו של אובייקט (באמצעות התכונות שלו) והוא נקרא אוטומטית כאשר אובייקט חדש מופעל מיידי (מוגדר ויוצר).

שימוש בדוגמת קונסטרוקטור

להלן תראה דוגמה של בונה עם הסבר למה זה אומר.

תלמיד בכיתה {
קונסטרוקטור (שם פרטי, שם משפחה, התחלת תאריך) {
this.firstName = שם פרטי;
this.lastName = שם משפחה;
this.startDate = startDate;
}
}

הקוד לעיל מציג היבט חשוב של בונה מחלקות ה- JavaScript; שלא כמו שפות אחרות כגון Java ו- C ++, הבונה של JavaScript אינו משתמש בשם המחלקה ליצירת קונסטרוקטור. הוא משתמש ב- בַּנַאִי מילת המפתח כפי שניתן לראות בדוגמה למעלה.

קָשׁוּר: למד כיצד ליצור שיעורים ב- Java

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

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

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

יצירת אובייקט ב- JavaScript

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

קָשׁוּר: כיצד להכריז על משתנים ב- JavaScript

בהסתכלות על בונה כיתת התלמידים למעלה, אתה יכול להבחין כי לאובייקט בכיתה זו יהיו שלוש תכונות.

יצירת דוגמא לאובייקט

להלן תראה דוגמה ליצירת אובייקט ב- JavaScript.

// ליצור אובייקט חדש
const john = סטודנט חדש ('ג'ון', 'בראון', '2018');

הקוד למעלה משתמש ב- סטוּדֶנט מחלקה ליצירת אובייקט.

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

בלי ה ג'ון משתנה עדיין תוכל ליצור אובייקט חדש באמצעות סטוּדֶנט class, אבל אז לא תהיה דרך לגשת לאובייקט זה ולהשתמש בו בשיטות שונות של הכיתה.

שימוש בשיטות בשיעורי JavaScript

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

יצירת דוגמאות לשיטות כיתה

להלן דוגמה ליצירת שיטות כיתה ב- JavaScript.

תלמיד בכיתה {
קונסטרוקטור (שם פרטי, שם משפחה, התחלת תאריך) {
this.firstName = שם פרטי;
this.lastName = שם משפחה;
this.startDate = startDate;
}
// שיטת דיווח
להגיש תלונה(){
החזר `$ {this.firstName} $ {this.lastName} התחיל להשתתף במוסד זה ב- $ {this.startDate}`
}
}

הכיתה למעלה מכילה שיטה שתייצר דוח על כל תלמיד שנוצר עם סטוּדֶנט מעמד. כדי להשתמש ב להגיש תלונה() בשיטה תצטרך להשתמש באובייקט קיים מהמחלקה לביצוע שיחת פונקציה פשוטה.

הודות ל"צור דוגמא לאובייקט "למעלה, אמור להיות לך אובייקט של סטוּדֶנט class המוקצה למשתנה ג'ון. שימוש ג'וןכעת תוכל להתקשר בהצלחה ל להגיש תלונה() שיטה.

שימוש לדוגמא בשיטות כיתה

להלן דוגמה לשימוש בשיטות כיתה ב- JavaScript.

// ליצור אובייקט חדש
const john = סטודנט חדש ('ג'ון', 'בראון', '2018');
// לקרוא לשיטת הדוח ולאחסן את התוצאה שלה במשתנה
תן תוצאה = john.report ();
// הדפסת התוצאה לקונסולה
console.log (תוצאה);

הקוד למעלה משתמש ב- סטודנטים class לייצר את הפלט הבא במסוף:

ג'ון בראון החל ללמוד במוסד זה בשנת 2018

שימוש בשיטות סטטיות בשיעורי JavaScript

שיטות סטטיות ייחודיות מכיוון שהן השיטות היחידות במחלקת JavaScript שניתן להשתמש בהן ללא אובייקט.

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

יצירת דוגמא לשיטה סטטית

להלן דוגמא לשיטה סטטית ל- JavaScript.

תלמיד בכיתה {
קונסטרוקטור (שם פרטי, שם משפחה, התחלת תאריך) {
this.firstName = שם פרטי;
this.lastName = שם משפחה;
this.startDate = startDate;
}
// שיטת דיווח
להגיש תלונה(){
החזר `$ {this.firstName} $ {this.lastName} התחיל להשתתף במוסד זה ב- $ {this.startDate}`
}
// שיטה סטטית
endDate סטטי (startDate) {
חזור startDate + 4;
}
}

הדבר החשוב שיש לשים לב אליו מהדוגמה למעלה הוא שכל שיטה סטטית מתחילה ב- סטָטִי מילת מפתח.

שימוש בדוגמה של שיטה סטטית

להלן דוגמה לשימוש בשיטה סטטית ב- JavaScript.

// לקרוא לשיטה סטטית ולהדפיס את התוצאה שלה לקונסולה
console.log (Student.endDate (2018));

שורת הקוד למעלה משתמשת ב- סטודנטים class לייצר את הפלט הבא במסוף:

2022

יצירת שיעור JavaScript היא קלה

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

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

ה לְנַחֵם.עֵץ() שיטה משמשת לאורך מאמר זה כדי לספק את תוצאות השימוש בשיטות הכלליות והסטטיות בשיעור JavaScript. שיטה זו היא כלי שימושי לכל מפתח JavaScript שכן היא מסייעת בתהליך איתור באגים.

להכיר את ה console.log () שיטה היא אחד הדברים החשובים ביותר שאתה יכול לעשות כמפתח JavaScript.

גיליון הרמאות האולטימטיבי של JavaScript

קבל רענון מהיר על רכיבי JavaScript עם גיליון הרמאים הזה.

קרא הבא

על הסופר