הורשה
חלק מהיחידה תכנות מונחה עצמים במסלול ה-JavaScript של Coddy. שיעור 24 מתוך 56.
ירושה ב-OOP של JavaScript היא דרך שבה מחלקה אחת מקבלת גישה לכל המאפיינים והשיטות של מחלקה אחרת.
בואו נסתכל על דוגמה. צרו מחלקת אב:
class Vehicle {
constructor(brand, model) {
this.brand = brand;
this.model = model;
}
drive() {
console.log("Driving!");
}
}עכשיו צרו מחלקת צאצא שיורשת מ-Vehicle:
// Car יורשת מ־Vehicle
class Car extends Vehicle {
honk() {
console.log("Beep beep!");
}
}צור מופע של מחלקת הבת:
const myCar = new Car("Toyota", "Camry");גישה למאפיינים ולמתודות:
console.log(myCar.brand); // "Toyota" - התקבל בירושה מ-Vehicle
console.log(myCar.model); // "Camry" - התקבל בירושה מ-Vehicle
// Car יכולה לגשת למתודות של Vehicle
myCar.drive(); // "Driving!" - התקבל בירושה מ-Vehicle
// ל-Car יש גם מתודות משלה
myCar.honk(); // "Beep beep!" - ייחודי ל-Car
אתגר
נתונה לך מחלקת Animal ומחלקת Dog שיורשת ממנה. המשימה שלך היא ליצור אובייקט myDog עם השם "Buddy" והגיל 3.
נסו בעצמכם
import { Dog } from './animal.js';
// TODO: צרו את האובייקט myDog עם השם "Buddy" והגיל 3.
// Կוד הבדיקה - אין לשנות
console.log(myDog.name); // אמור להדפיס "Buddy"
console.log(myDog.age); // אמור להדפיס 3
בחנו את עצמכםהשיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה תכנות מונחה עצמים
1אובייקטים ומילת המפתח this
סקירה מהירה: אובייקטיםהוספת מתודות לאובייקטיםהבנת מילת המפתח thisפונקציות בנאימילת המפתח newאתגר סיכום7הורשה ומילת המפתח extends
הורשההקשר "הוא-סוג-של"מילת המפתח extendsהמתודה super()הורשת מאפיינים ומתודותאתגר סיכום8ארגון קוד OOP
ארגון מחלקות במודוליםתרגלו בעצמכם: קומפיילר JavaScript אונליין