علاقة "لديه" مقابل "هو"

جزء من قسم Object Oriented Programming في رحلة JavaScript على Coddy — الدرس 47 من 56.

في البرمجة كائنية التوجه، هناك نوعان رئيسيان من العلاقات بين الكائنات: "has-a" (التركيب - composition) و "is-a" (الوراثة - inheritance). وبينما تنشئ الوراثة تسلسلات هرمية بين الأب والابن، يقوم التركيب ببناء الكائنات عن طريق دمج مكونات أصغر وأكثر تركيزاً.

دعونا نفهم أولاً علاقة "is-a" من خلال الوراثة:

class Animal {
  constructor(name) {
    this.name = name;
  }
  
  eat() {
    console.log(`${this.name} is eating.`);
  }
}

// Dog "is-a" Animal - علاقة وراثة
class Dog extends Animal {
  bark() {
    console.log(`${this.name} says woof!`);
  }
}

لنلقِ نظرة الآن على علاقة "has-a" (يحتوي على) من خلال التركيب (composition):

class Engine {
  start() {
    console.log("Engine started");
  }
}

// السيارة "تمتلك" محركاً - علاقة تركيب (composition)
class Car {
  constructor() {
    this.engine = new Engine(); // تركيب (Composition)
  }
  
  startCar() {
    this.engine.start();
    console.log("Car is running");
  }
}

الفرق الرئيسي:

"is-a" (الوراثة): الكلب هو حيوان (Dog IS AN Animal)
"has-a" (التركيب): السيارة لديها محرك (Car HAS AN Engine)

التحدي

لقد تم تزويدك بفئات المكونات (Processor، Memory) ومعظم فئة Computer. مهمتك هي إكمال المُنشئ (constructor) في ملف computer.js:

قم بإنشاء خاصية processor باستخدام فئة Processor
قم بإنشاء خاصية memory باستخدام فئة Memory
قم بتمرير processorSpeed إلى مُنشئ Processor و memorySize إلى مُنشئ Memory

ورقة مرجعية

في البرمجة كائنية التوجه، هناك نوعان رئيسيان من العلاقات بين الكائنات:

علاقة "is-a" (الوراثة): تُنشئ تسلسلات هرمية بين الأب والابن حيث تقوم الفئة الفرعية بتوسيع الفئة الأب
علاقة "has-a" (التركيب): تبني الكائنات من خلال دمج مكونات أصغر وأكثر تركيزاً

مثال على الوراثة ("is-a"):

class Animal {
  constructor(name) {
    this.name = name;
  }
  
  eat() {
    console.log(`${this.name} is eating.`);
  }
}

// Dog "is-a" Animal
class Dog extends Animal {
  bark() {
    console.log(`${this.name} says woof!`);
  }
}

مثال على التركيب ("has-a"):

class Engine {
  start() {
    console.log("Engine started");
  }
}

// Car "has-a" Engine
class Car {
  constructor() {
    this.engine = new Engine(); // التركيب
  }
  
  startCar() {
    this.engine.start();
    console.log("Car is running");
  }
}

جرّب بنفسك

import { Computer } from './computer.js';

const myComputer = new Computer(3.5, 16);
myComputer.start();

اختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

جميع دروس Object Oriented Programming

1الكائنات والكلمة المفتاحية this

مراجعة سريعة: الكائنات إضافة Methods إلى الكائنات فهم الكلمة المفتاحية this Constructor Functions الكلمة المفتاحية new تحدي المراجعة

4الميثودات وإدارة الحالة

الميثودات التي تعدل الحالة نمط تسلسل الميثودات

7الوراثة والكلمة المفتاحية extends

الوراثة علاقة "is-a"الكلمة المفتاحية extends الدالة super()وراثة الخصائص والوظائف تحدي المراجعة

10تعدد الأشكال

ما هو تعدد الأشكال؟إعادة تعريف الدوال الموروثة استخدام super تحدي المراجعة

13التركيب مقابل الوراثة

علاقة "لديه" مقابل "هو"حدود الوراثة العميقة بناء الكائنات

2تنظيم الكود

ما هي الـ Modules؟التصدير باستخدام export الاستيراد باستخدام import الـ Default مقابل الـ Named Exports

5التغليف والوصول

التغليف حقول Class العامة والخاصة Methods الخاصة تحدي المراجعة

8تنظيم كود OOP

تنظيم الـ Classes في Modules

11مشروع: مصيّر الأشكال

إعداد: فئة Shape والتصدير وراثة فئة Circle

إعادة التعريف ودالة المساحة

عداد الأشكال Static

14نظام إدارة المكتبة

تصميم المكتبة فئة الكتاب مع الـ Composition

التحقق من صحة مؤلف الكتاب

3الفئات والكائنات

ما هي الفئة؟إنشاء النسخ الخصائص والدوال تحدي المراجعة

6مشروع: حساب بنكي بسيط

فئة BankAccount الإيداعات والسحوبات

الرصيد كحقل خاص

9الخصائص والدوال الثابتة (Static)

مستوى الكلاس مقابل مستوى الكائن الخصائص الثابتة (Static Properties)دوال المساعدة الثابتة (Static Utility Methods)تحدي المراجعة

12Getters و Setters

الكلمات المفتاحية get و set الخصائص المحسوبة التحقق من الصحة والآثار الجانبية تحدي المراجعة

15التحديات النهائية

منشئ شخصيات الألعاب نظام منتجات التجارة الإلكترونية نظام إدارة الجامعات نظام أجهزة المنزل الذكي