מילת המפתח extends
חלק מהיחידה תכנות מונחה עצמים במסלול ה-JavaScript של Coddy. שיעור 26 מתוך 56.
מילת המפתח extends ב-JavaScript משמשת ליצירת מחלקת בת שיורשת מאפיינים ושיטות ממחלקת אב.
בואו ניצור תחילה מחלקת אב:
class Animal {
constructor(name) {
this.name = name;
}
speak() {
return `${this.name} makes a noise.`;
}
}עכשיו, ניצור מחלקת צאצא שמרחיבה את מחלקת האב:
class Dog extends Animal {
// המחלקה Dog יורשת מ-Animal
}הקוד הפשוט הזה אומר שהמחלקה Dog יורשת כעת את כל המאפיינים והמתודות מהמחלקה Animal.
צרו מופע של כלב:
const dog = new Dog('Rex');קרא למתודה שירשת מההורה:
console.log(dog.speak()); // פלט: "Rex makes a noise."מילת המפתח extends יוצרת קשר ירושה שבו מחלקת הבת (Dog) יכולה לגשת לכל הפונקציונליות שמוגדרת במחלקת האם (Animal) ולהשתמש בה.
אתגר
צרו מחלקה בשם Student שיורשת מהמחלקה Person באמצעות מילת המפתח extends, וייצאו אותה.
נסו בעצמכם
import { Student } from './classes.js';
// קוד בדיקה - אין לשנות
const student = new Student("Emma");
console.log(student.greet()); // אמור להדפיס "Hello, I'm Emma"השיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה תכנות מונחה עצמים
1אובייקטים ומילת המפתח this
סקירה מהירה: אובייקטיםהוספת מתודות לאובייקטיםהבנת מילת המפתח thisפונקציות בנאימילת המפתח newאתגר סיכום7הורשה ומילת המפתח extends
הורשההקשר "הוא-סוג-של"מילת המפתח extendsהמתודה super()הורשת מאפיינים ומתודותאתגר סיכום8ארגון קוד OOP
ארגון מחלקות במודוליםתרגלו בעצמכם: קומפיילר JavaScript אונליין