إضافة Methods إلى الكائنات
جزء من قسم البرمجة كائنية التوجه في رحلة 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); // returns 8
جرّب بنفسك
let a = parseInt(inp[0]); // لا تغيّر هذا السطر
let b = parseInt(inp[1]); // لا تغيّر هذا السطر
// الكائن calculator موجود بالفعل
const calculator = {
// TODO: أضف الطريقة 'add' هنا، بحيث تأخذ عددين وتعيد مجموعهما
};
console.log(calculator.add(a, b));
اختبر نفسكيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس البرمجة كائنية التوجه
1الكائنات والكلمة المفتاحية this
مراجعة سريعة: الكائناتإضافة Methods إلى الكائناتفهم الكلمة المفتاحية thisConstructor Functionsالكلمة المفتاحية newتحدي المراجعة7الوراثة والكلمة المفتاحية extends
الوراثةعلاقة "is-a"الكلمة المفتاحية extendsالدالة super()وراثة الخصائص والوظائفتحدي المراجعة2تنظيم الكود
ما هي الـ Modules؟التصدير باستخدام exportالاستيراد باستخدام importالـ Default مقابل الـ Named Exports8تنظيم كود OOP
تنظيم الـ Classes في Modules11مشروع: مصيّر الأشكال
إعداد: فئة Shape والتصديروراثة فئة Circleإعادة التعريف ودالة المساحةعداد الأشكال Staticتدرّب بنفسك: مترجم JavaScript عبر الإنترنت