Home-theater-designers
בשנת 2015 שוחררה גרסת ES6 של שפת התכנות JavaScript. מהדורה זו הציגה כמה שדרוגים גדולים לשפה, ומציבה אותה באופן רשמי בקטגוריה של שפת תכנות מונחה עצמים בין שפות אחרות כגון Java ו- C ++.
תכנות מונחה עצמים מתמקד באובייקטים ובפעולות שניתן לבצע עליהם. עם זאת, לפני שתוכל לקבל אובייקטים כלשהם, עליך להיות בעל שיעור.
אקולייזר אודיו חינם עבור חלונות 10
שיעורי JavaScript הם אחת התכונות שמשנות את המשחק שהגיעו עם גרסת ES6 של השפה. ניתן לתאר כיתה כתכנית המשמשת ליצירת אובייקטים.
במאמר הדרכה זה תלמד כיצד ליצור ולתפעל אובייקטים באמצעות שיעורי JavaScript.
מבנה כיתת JavaScript
בעת יצירת שיעור ב- JavaScript יש מרכיב בסיסי אחד שתמיד תדרש - ה מעמד מילת מפתח. כמעט כל היבט אחר של מחלקת JavaScript אינו נדרש לביצוע מוצלח שלה.
מחלקת JavaScript תתבצע באופן טבעי אם אין בנאי (המחלקה פשוט תיצור בונה ריק במהלך הביצוע). עם זאת, אם נוצרת מחלקת JavaScript עם קונסטרוקטורים ופונקציות אחרות אך לא נעשה שימוש במילת מפתח של מחלקה, מחלקה זו לא תהיה ניתנת להפעלה.
ה מעמד מילת המפתח (שתמיד צריכה להיות באותיות קטנות) היא הכרח במבנה הכיתה של JavaScript. הדוגמה הבאה היא התחביר הכללי של מחלקת JavaScript. תחביר כיתת JavaScript להלן:
class ClassName{
//class body
}
יצירת כיתה ב- JavaScript
בתכנות ניתן לראות בכיתה כישות כללית המשמשת ליצירת אובייקט מיוחד. לדוגמה, בסביבה בית ספרית, ישות כללית (כיתה) יכולה להיות תלמידים וחפץ של תלמידים יכול להיות ג'ון בראון. אבל לפני שאתה יוצר אובייקט תצטרך לדעת את הנתונים שהוא יאחסן וכאן נכנסים לבנייני JavaScript.
שימוש בבונים בשיעורי JavaScript
קונסטרוקטור הוא חיוני לתהליך יצירת המעמד בגלל כמה סיבות; הוא מאתחל את מצבו של אובייקט (באמצעות התכונות שלו) והוא נקרא אוטומטית כאשר אובייקט חדש מופעל מיידי (מוגדר ויוצר).
שימוש בדוגמת קונסטרוקטור
להלן תראה דוגמה של בונה עם הסבר למה זה אומר.
class Student{
constructor(firstName, lastName, startDate){
this.firstName = firstName;
this.lastName = lastName;
this.startDate = startDate;
}
}
הקוד לעיל מציג היבט חשוב של בונה כיתת JavaScript; שלא כמו שפות אחרות כגון Java ו- C ++, הבונה של JavaScript אינו משתמש בשם המחלקה ליצירת קונסטרוקטור. הוא משתמש ב- בּוֹנֶה מילת המפתח כפי שניתן לראות בדוגמה למעלה.
קָשׁוּר: למד כיצד ליצור שיעורים ב- Java
ה בּוֹנֶה בדוגמה למעלה לוקח שלושה פרמטרים ומשתמש ב זֶה מילת מפתח להקצאת הפרמטרים למופע הנוכחי של המחלקה. זה אולי נראה קצת מבלבל, אבל מה שאתה צריך להבין הוא שניתן לראות בכיתה כתוכנית המשמשת ליצירת בתים רבים.
לאחר מכן ניתן לראות כל בית בנוי כחפץ ממעמד זה. למרות שכל אחד מהבתים האלה נוצר עם אותו שרטוט, ניתן להבחין ביניהם במיקום הגיאוגרפי הספציפי שלהם או באנשים שבבעלותם.
ה זֶה מילת המפתח משמשת להבחין בין כל אובייקט שנוצר על ידי מחלקה. הוא מבטיח שהנתונים הנכונים נשמרים ומעובדים עבור כל אובייקט שנוצר באמצעות אותה מחלקה.
יצירת אובייקט ב- JavaScript
בונים חשובים בשפה כמו JavaScript מכיוון שהם מסמנים את מספר התכונות שאובייקט של מחלקה מסוימת צריך להיות. חלק מהשפות יחייבו להכריז על תכונה (משתנה) לפני שניתן יהיה להשתמש בה בבנאי או בכל שיטה אחרת. עם זאת, זה לא המקרה של JavaScript.
קשור: כיצד להכריז על משתנים ב- JavaScript
בהסתכלות על בונה כיתת הסטודנטים למעלה, אתה יכול להבחין כי לאובייקט בכיתה זו יהיו שלוש תכונות.
יצירת דוגמא לאובייקט
להלן תראה דוגמה ליצירת אובייקט ב- JavaScript.
//create a new object
const john = new Student('John', 'Brown', '2018');
הקוד למעלה משתמש ב- סטוּדֶנט מחלקה ליצירת אובייקט.
בעת יצירת אובייקט של מחלקה, עליך להשתמש ב- חָדָשׁ מילת המפתח, ואחריה שם המחלקה והערכים שברצונך להקצות לתכונות המתאימות. עכשיו יש לך סטודנט חדש עם השם הפרטי ג'ון, שם המשפחה בראון ותאריך התחלה של 2018. יש לך גם משתנה קבוע: ג'ון. משתנה זה חשוב מכיוון שהוא מאפשר לך להשתמש באובייקט שנוצר.
בלי ה ג'ון משתנה עדיין תוכל ליצור אובייקט חדש באמצעות סטוּדֶנט class, אבל אז לא תהיה דרך לגשת לאובייקט זה ולהשתמש בו בשיטות שונות של הכיתה.
שימוש בשיטות בשיעורי JavaScript
שיטה היא פונקציה של מחלקה המשמשת לביצוע פעולות על אובייקטים שנוצרים מהמחלקה. שיטה טובה להוסיף לשיעור התלמידים היא שיוצרת דוח על כל תלמיד.
יצירת דוגמאות לשיטות כיתה
להלן דוגמה ליצירת שיטות כיתה ב- JavaScript.
class Student{
constructor(firstName, lastName, startDate){
this.firstName = firstName;
this.lastName = lastName;
this.startDate = startDate;
}
// report method
report(){
return `${this.firstName} ${this.lastName} started attending this institution in ${this.startDate}`
}
}
הכיתה למעלה מכילה שיטה שתייצר דוח על כל תלמיד שנוצר עם סטוּדֶנט מעמד. כדי להשתמש ב להגיש תלונה() בשיטה תצטרך להשתמש באובייקט קיים מהמחלקה לביצוע שיחת פונקציה פשוטה.
הודות לדוגמא ליצור אובייקט למעלה, אמור להיות לך אובייקט של סטוּדֶנט class המוקצה למשתנה ג'ון . שימוש ג'ון , כעת תוכל להתקשר בהצלחה ל להגיש תלונה() שיטה.
שימוש לדוגמא בשיטות כיתה
להלן דוגמה לשימוש בשיטות כיתה ב- JavaScript.
//create a new object
const john = new Student('John', 'Brown', '2018');
//calling the report method and storing its result in a variable
let result = john.report();
//printing the result to the console
console.log(result);
הקוד למעלה משתמש ב- סטודנטים class לייצר את הפלט הבא במסוף:
John Brown started attending this institution in 2018שימוש בשיטות סטטיות בשיעורי JavaScript
שיטות סטטיות ייחודיות מכיוון שהן השיטות היחידות במחלקת JavaScript שניתן להשתמש בהן ללא אובייקט.
מהדוגמה למעלה, אינך יכול להשתמש ב- להגיש תלונה() שיטה ללא אובייקט מהכיתה. זאת מכיוון ש להגיש תלונה() השיטה מסתמכת על התכונות של אובייקט כדי לייצר תוצאה רצויה. עם זאת, כדי להשתמש בשיטה סטטית, תזדקק רק לשם המחלקה המאחסנת את השיטה.
יצירת דוגמא לשיטה סטטית
להלן דוגמא לשיטה סטטית ל- JavaScript.
class Student{
constructor(firstName, lastName, startDate){
this.firstName = firstName;
this.lastName = lastName;
this.startDate = startDate;
}
// report method
report(){
return `${this.firstName} ${this.lastName} started attending this institution in ${this.startDate}`
}
//static method
static endDate(startDate){
return startDate + 4;
}
}
מה שחשוב לשים לב מהדוגמה למעלה הוא שכל שיטה סטטית מתחילה ב סטָטִי מילת מפתח.
שימוש בדוגמה של שיטה סטטית
להלן דוגמה לשימוש בשיטה סטטית ב- JavaScript.
//calling a static method and printing its result to the console
console.log(Student.endDate(2018));
שורת הקוד למעלה משתמשת ב- סטודנטים class לייצר את הפלט הבא במסוף:
2022יצירת שיעור JavaScript היא קלה
ישנם מספר דברים שעליך לזכור אם ברצונך ליצור מחלקת JavaScript ולייצר ממנה אובייקט אחד או יותר:
- מחלקת JavaScript חייבת לכלול את מעמד מילת מפתח.
- בונה JavaScript מציין את מספר הערכים שיכול להיות לאובייקט.
- לא ניתן להשתמש בשיטות בכיתה כללית ללא אובייקט.
- ניתן להשתמש בשיטות סטטיות ללא אובייקט.
ה לְנַחֵם . עֵץ() שיטה משמשת לאורך מאמר זה כדי לספק את תוצאות השימוש בשיטות הכלליות והסטטיות בשיעור JavaScript. שיטה זו היא כלי שימושי לכל מפתח JavaScript שכן היא מסייעת בתהליך איתור באגים.
להכיר את ה console.log () שיטה היא אחד הדברים החשובים ביותר שאתה יכול לעשות כמפתח JavaScript.
לַחֲלוֹק לַחֲלוֹק צִיוּץ אימייל גיליון הרמאים של JavaScriptקבל רענון מהיר על רכיבי JavaScript עם גיליון הרמאים הזה.
קרא הבא נושאים קשורים- תִכנוּת
- תִכנוּת
- JavaScript
- טיפים לקידוד
- הדרכות קידוד
Kadeisha Kean היא מפתחת תוכנה מלאה וכותבת טכנית/טכנולוגית. יש לה את היכולת המובהקת לפשט כמה מהמושגים הטכנולוגיים המורכבים ביותר; לייצר חומר שניתן להבין אותו בקלות על ידי כל טירון טכנולוגי. היא נלהבת לכתוב, לפתח תוכנות מעניינות ולטייל ברחבי העולם (באמצעות סרטים דוקומנטריים).
עוד מ- Kadeisha Keanהירשם לניוזלטר שלנו
הצטרף לניוזלטר שלנו לקבלת טיפים, סקירות, ספרים אלקטרוניים בחינם ומבצעים בלעדיים!
לחצו כאן להרשמה