إعداد: فئة Shape والتصدير
جزء من قسم Object Oriented Programming في رحلة JavaScript على Coddy — الدرس 39 من 56.
التحدي
في هذا المشروع، سنقوم ببناء نظام بسيط لعرض الأشكال يوضح مفاهيم البرمجة الكائنية الأساسية. سنقوم بإنشاء أشكال مختلفة يمكنها وصف نفسها، وممارسة الوراثة، وتنظيم الكود الخاص بنا باستخدام الوحدات (modules).
مهمتك:
- في `Shape.js` ، قم بإنشاء فئة `Shape` تحتوي على:
- منشئ (constructor) يأخذ معاملًا واحدًا:
color - دالة تسمى
describe()تُرجع:"A ${color} shape"
- منشئ (constructor) يأخذ معاملًا واحدًا:
- قم بتصدير الفئة باستخدام
export - في
main.js، قم باستيراد الفئة باستخدام:import { Shape } from './Shape.js';
جرّب بنفسك
// مهام: استيراد فئة Shape من './Shape.js'؛
// اختبار فئة Shape
const myShape = new Shape('blue');
console.log(myShape.describe()); // المخرجات: "A blue shape"
جميع دروس 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