انتقل إلى محتوى الدرس
ابدأ رحلتك
الدرس 97
دورة جافا سكريبت

Object Prototypes

في هذا الدرس سوف نتعرف علي خاصية ال Prototypes في Javascript Objects 
ابدأ التعلّم استكشف الأمثلة
أقسام الدرس
4
الأمثلة
6
اللغة
العربية
تاريخ النشر
غير محدد
المشاهدات
2,690
محتوى الدرس
في هذا الدرس 4تصفّح المواضيع

Object Prototypes

في الدروس السابقة تعلمنا كيفية استخدام ال object constructor

HTML 
function Person(first, last, age, eyecolor) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eyecolor;
}

const myFather = new Person("ahmed", "hatem", 50, "blue");
const myMother = new Person("salah", "saleh", 48, "green");
جرّب بنفسك

تعلمنا أيضا انه لا نستطيع اضافة خاصية property جديدة لل constructor الخاص ب Object معين بالطريقة العادية التي نستخدمها لذلك

HTML 
Person.nationality = "English";
جرّب بنفسك

وعرفنا انه يمكننا اضافة خاصية property جديدة ل object معين عن طريق اضافة هذه الخاصية بداخل دالة constructor

HTML 
function Person(first, last, age, eyecolor) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eyecolor;
  this.nationality = "English";
}
جرّب بنفسك

Prototype Inheritance

تقوم ال objects في لغة الجافاسكريب بوراثة الخصائص properties والدوال methods من نموذج معين تم انشائه مسبقا prototype 

  • عنصر Date يتم وراثته من "Date.prototype "
  • عنصر ال Array يتم وراثته من " Array.prototype "
  • عنصر ال Person يتم وراثته من "person.prototype "

العنصر التالي "Object.prototype " هو النموذج الاعلي الذي يتم وراثة العناصر الاخري منه مثل (Array , Person Date )

- في كثير من الاحيان نحتاج الي اضافة دوال methods وخصائص properties الي object معين خلال العمل علي مشروع ما وذلك يمكننا تحقيقه عن طريق Prototype كالاتي 

Adding Properties

نستطيع اضافة خاصية property الي object معين عن طريق استخدام ال prototype كما في المثال التالي 

Example

HTML 
function Person(first, last, age, eyecolor) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eyecolor;
}

Person.prototype.nationality = "English";
جرّب بنفسك

Adding Methods

نستطيع اضافة دالة Method الي object معين عن طريق استخدام ال prototype كما في المثال التالي 

Example

HTML 
function Person(first, last, age, eyecolor) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eyecolor;
}

Person.prototype.name = function() {
  return this.firstName + " " + this.lastName;
};
جرّب بنفسك

Example

HTML 
function Person(first, last, age, eyecolor) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eyecolor;
}

Person.prototype.nationality = "Arabic ";
جرّب بنفسك

مشاركة

هل كان هذا الدرس مفيدًا؟

جارٍ تحميل الآراء…