דפוס שרשור מתודות
חלק מהיחידה תכנות מונחה עצמים במסלול ה-JavaScript של Coddy. שיעור 16 מתוך 56.
שרשור מתודות הוא תבנית תכנות שמאפשרת לקרוא למספר מתודות באותו אובייקט בתוך פקודה אחת. כל מתודה מחזירה את האובייקט עצמו (this), וכך מאפשרת לך לקרוא למתודה הבאה באותה שורה.
צרו אובייקט מונה פשוט:
const counter = {
count: 0,
increment() {
this.count++;
return this;
},
decrement() {
this.count--;
return this;
},
getValue() {
return this.count;
}
};עכשיו אפשר לשרשר מתודות זו לזו:
// שרשרו כמה פעולות
counter.increment().increment().decrement();
// המונה הוא כעת 1
console.log(counter.getValue()); // פלט: 1המפתח לשרשור מתודות הוא להחזיר את this מכל מתודה שתרצה שיהיה אפשר לשרשר.
אתגר
ניתן לך אובייקט מחשבון שכבר יש לו את המתודות add() ו־subtract(). המשימה שלך היא להוסיף את המתודות multiply ו־divide שמחזירות את this כדי לאפשר שרשור.
נסו בעצמכם
import { calculator } from './calculator.js';
// קוד בדיקה - אין לשנות
const result1 = calculator.add(10).multiply(2).getValue();
console.log(result1); // אמור להדפיס 20
// איפוס לקראת הבדיקה השנייה
calculator.value = 0;
const result2 = calculator.add(20).divide(4).subtract(1).getValue();
console.log(result2); // אמור להדפיס 4
בחנו את עצמכםהשיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה תכנות מונחה עצמים
1אובייקטים ומילת המפתח this
סקירה מהירה: אובייקטיםהוספת מתודות לאובייקטיםהבנת מילת המפתח thisפונקציות בנאימילת המפתח newאתגר סיכום7הורשה ומילת המפתח extends
הורשההקשר "הוא-סוג-של"מילת המפתח extendsהמתודה super()הורשת מאפיינים ומתודותאתגר סיכום8ארגון קוד OOP
ארגון מחלקות במודוליםתרגלו בעצמכם: קומפיילר JavaScript אונליין