Menu
CoddyTech

פונקציות בנאי

חלק מהיחידה תכנות מונחה עצמים במסלול ה-JavaScript של Coddy. שיעור 4 מתוך 56.

פונקציות בנאי הן פונקציות מיוחדות ב-JavaScript שמאפשרות לך ליצור כמה אובייקטים בעלי אותה מבנה והתנהגות.

הגדר פונקציית בנאי עבור Person:

function Person(name, age) {
  this.name = name;
  this.age = age;
  this.greet = function() {
    return "Hello, my name is " + this.name;
  };
}

יוצרים אובייקט Person חדש באמצעות הבנאי:

const john = new Person("John", 30);
const tyler = new Person("Tyler", 35);

קוראים לבנאי באמצעות מילת המפתח new. new יוצר אובייקט ריק, מריץ את הפונקציה כאשר this מצביע על האובייקט הזה ומחזיר את האובייקט, ולכן this.name = name שומר את השם ב-john. שמות של בנאים מתחילים באות גדולה (Person, Car) לפי המוסכמה, כדי להראות שמיועדים לקרוא להם באמצעות new.

בלי new, הקריאה Person("John", 30) היא קריאה רגילה לפונקציה: לא נוצר אובייקט, this הוא האובייקט הגלובלי (או undefined במצב strict), והקריאה מחזירה undefined.

לאחר הרצת הקוד שלמעלה, john הוא אובייקט עם מאפיינים:

// האובייקט john מכיל:
{
  name: "John",
  age: 30,
  greet: function() { return "Hello, my name is John"; }
}

גישה למאפיינים וקריאה למתודות:

console.log(john.name); // פלט: John
console.log(john.greet()); // פלט: Hello, my name is John
challenge icon

אתגר

  1. צרו פונקציית בנאי בשם Book שמקבלת שלושה ארגומנטים:
  • title (מחרוזת)
  • author (מחרוזת)
  • pages (מספר)

הפונקציה צריכה להגדיר אותם כמאפיינים באובייקט שנוצר. 

    2. הוסיפו מתודה בשם getSummary שמחזירה מחרוזת עם מידע כלשהו על הספר: this.title + " was written by " + this.author + " and has " + this.pages + " pages";

נסו בעצמכם

// TODO: צרו פונקציית בנאי בשם Book שמקבלת שלושה ארגומנטים (title, author, pages)


// TODO: הגדירו אותם כמאפיינים של האובייקט שנוצר


// TODO: הוסיפו מתודה בשם getSummary שמחזירה מחרוזת עם מידע על הספר.
// לדוגמה: Harry Potter was written by Rowling and has 500 pages


// אל תשנו את הקוד שלהלן
const inputTitle = inp[0];          // שורה ראשונה: שם הספר
const inputAuthor = inp[1];         // שורה שנייה: המחבר  
const inputPages = parseInt(inp[2]);// שורה שלישית: מספר העמודים

const book = new Book(inputTitle, inputAuthor, inputPages);
console.log(book.getSummary());
quiz iconבחנו את עצמכם

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

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

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