הוספת מתודות לאובייקטים
חלק מהיחידה תכנות מונחה עצמים במסלול ה-JavaScript של Coddy. שיעור 2 מתוך 56.
אובייקטים ב-JavaScript יכולים להכיל לא רק מאפייני נתונים אלא גם מתודות — פונקציות ששייכות לאובייקט.
צרו אובייקט פשוט עם מאפיין:
const person = {
name: "John"
};הוסף מתודה לאובייקט:
const person = {
name: "John",
greet: function() {
return "Hello!";
}
};קרא למתודה:
person.greet(); // מחזיר "Hello!"אפשר גם להשתמש בתחביר המקוצר שהוצג ב-ES6:
const person = {
name: "John",
greet() {
return "Hello!";
}
};
אתגר
הוסף מתודת add לאובייקט calculator, שמקבלת שני מספרים ומחזירה את הסכום שלהם.
דוגמת שימוש:
calculator.add(5, 3); <i>// returns 8</i>
נסו בעצמכם
let a = parseInt(inp[0]); // אין לשנות את השורה הזו
let b = parseInt(inp[1]); // אין לשנות את השורה הזו
// האובייקט calculator כבר קיים
const calculator = {
// TODO: הוסיפו כאן את המתודה 'add' שמקבלת שני מספרים ומחזירה את סכומם
};
console.log(calculator.add(a, b));
בחנו את עצמכםהשיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה תכנות מונחה עצמים
1אובייקטים ומילת המפתח this
סקירה מהירה: אובייקטיםהוספת מתודות לאובייקטיםהבנת מילת המפתח thisפונקציות בנאימילת המפתח newאתגר סיכום7הורשה ומילת המפתח extends
הורשההקשר "הוא-סוג-של"מילת המפתח extendsהמתודה super()הורשת מאפיינים ומתודותאתגר סיכום8ארגון קוד OOP
ארגון מחלקות במודוליםתרגלו בעצמכם: קומפיילר JavaScript אונליין