إضافة Methods إلى الكائنات
جزء من قسم Object Oriented Programming في رحلة JavaScript على Coddy — الدرس 2 من 56.
يمكن للكائنات في جافا سكريبت أن تحتوي ليس فقط على خصائص البيانات، بل وأيضاً على دوال (methods) - وهي وظائف تنتمي إلى الكائن.
أنشئ كائنًا بسيطًا بخاصية:
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>// يعيد 8</i>
ورقة مرجعية
يمكن أن تحتوي الكائنات (Objects) في JavaScript على دوال (methods) - وهي وظائف تنتمي إلى الكائن.
إضافة دالة (method) إلى كائن:
const person = {
name: "John",
greet: function() {
return "Hello!";
}
};استدعاء الدالة (method):
person.greet(); // يعيد "Hello!"صيغة ES6 المختصرة للدوال (methods):
const person = {
name: "John",
greet() {
return "Hello!";
}
};جرّب بنفسك
let a = parseInt(inp[0]); // لا تغير هذا السطر
let b = parseInt(inp[1]); // لا تغير هذا السطر
// كائن الحاسبة موجود بالفعل
const calculator = {
// TODO: أضف طريقة 'add' هنا التي تأخذ رقمين وتعيد مجموعهما
};
console.log(calculator.add(a, b));
اختبر نفسكيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس Object Oriented Programming
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