יצירת מופעים
חלק מהיחידה תכנות מונחה עצמים במסלול ה-JavaScript של Coddy. שיעור 12 מתוך 56.
לאחר הגדרת מחלקה, ניתן ליצור אובייקטים על סמך אותה מחלקה באמצעות מילת המפתח new. אובייקטים אלה נקראים מופעים.
נניח שיש לנו מחלקת Person פשוטה:
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
greet() {
return `Hello, my name is ${this.name}`;
}
}צרו מופע של המחלקה Person:
const john = new Person("John", 30);לאחר ביצוע הקוד שלמעלה, john הוא מופע של המחלקה Person עם:
- המאפיין
nameמוגדר ל-"John" - המאפיין
ageמוגדר ל-30
אפשר לגשת למאפיינים ולמתודות של המופע:
console.log(john.name); // פלט: John
console.log(john.greet()); // פלט: Hello, my name is Johnאפשר ליצור כמה מופעים מאותה מחלקה:
const sarah = new Person("Sarah", 25);
console.log(sarah.name); // פלט: Sarah
אתגר
ניתנה לך המחלקה Student. המשימה שלך היא ליצור שני מופעים של תלמידים בקובץ driver.js:
- צור את
student1עם השם "Sarah" והציון 85 - צור את
student2עם השם "Mike" והציון 92
נסו בעצמכם
import { Student } from './student.js';
// TODO: צרו מופע של המחלקה Student בשם student1, עם השם "Sarah" והציון 85
// TODO: צרו מופע של המחלקה Student בשם student2, עם השם "Mike" והציון 92
// קוד בדיקה - אין לשנות
console.log(student1.name); // אמור להדפיס "Sarah"
console.log(student2.grade); // אמור להדפיס 92
בחנו את עצמכםהשיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה תכנות מונחה עצמים
1אובייקטים ומילת המפתח this
סקירה מהירה: אובייקטיםהוספת מתודות לאובייקטיםהבנת מילת המפתח thisפונקציות בנאימילת המפתח newאתגר סיכום7הורשה ומילת המפתח extends
הורשההקשר "הוא-סוג-של"מילת המפתח extendsהמתודה super()הורשת מאפיינים ומתודותאתגר סיכום8ארגון קוד OOP
ארגון מחלקות במודוליםתרגלו בעצמכם: קומפיילר JavaScript אונליין