Menu
Coddy logo textTech

מילת המפתח 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) ולהשתמש בה.

challenge icon

אתגר

צרו מחלקה בשם Student שיורשת מהמחלקה Person באמצעות מילת המפתח extends, וייצאו אותה.

נסו בעצמכם

import { Student } from './classes.js';

// קוד בדיקה - אין לשנות
const student = new Student("Emma");
console.log(student.greet());  // אמור להדפיס "Hello, I'm Emma"
quiz iconבחנו את עצמכם

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

כל השיעורים ביחידה תכנות מונחה עצמים

תרגלו בעצמכם: קומפיילר JavaScript אונליין