הבנת מילת המפתח this
חלק מהיחידה תכנות מונחה עצמים במסלול ה-JavaScript של Coddy. שיעור 3 מתוך 56.
מילת המפתח this ב-JavaScript מתייחסת לאובייקט שמבצע כרגע את הקוד. היא מאפשרת לך לגשת למאפיינים ולמתודות של האובייקט הנוכחי.
נתחיל באובייקט בסיסי:
let person = {
name: "John",
age: 30,
greet: function() {
console.log("Hello, my name is " + this.name);
}
};בדוגמה הזאת, כשאנחנו קוראים למתודה greet:
person.greet();הפלט יהיה:
Hello, my name is Johnכאן, this.name בתוך המתודה greet מתייחס למאפיין name של האובייקט person.
אתגר
הוסף מתודה בשם getStatus לאובייקט השחקן, שמחזירה מחרוזת עם שם השחקן ומצב בריאותו באמצעות מילת המפתח this.
תבנית הפלט הצפויה:"Knight has 70 health"
נסו בעצמכם
const player = {
name: "Knight",
health: 100,
takeDamage: function(damage) {
this.health -= damage;
},
// TODO: הוסיפו כאן מתודה getStatus שמחזירה מחרוזת עם שם השחקן והבריאות שלו
};
// בדיקה
player.takeDamage(30);
console.log(player.getStatus()); // אמור להדפיס: "Knight has 70 health"השיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה תכנות מונחה עצמים
1אובייקטים ומילת המפתח this
סקירה מהירה: אובייקטיםהוספת מתודות לאובייקטיםהבנת מילת המפתח thisפונקציות בנאימילת המפתח newאתגר סיכום7הורשה ומילת המפתח extends
הורשההקשר "הוא-סוג-של"מילת המפתח extendsהמתודה super()הורשת מאפיינים ומתודותאתגר סיכום8ארגון קוד OOP
ארגון מחלקות במודוליםתרגלו בעצמכם: קומפיילר JavaScript אונליין