انتقل إلى المحتوى الرئيسي

الطبقات

@serverSerrverlesskiy

يستخدم JavaScript نموذج الوراثة النموذجي: كل كائن يرث الحقول (الخصائص) وأساليب كائن النموذج الأولي.

صف دراسي

الكلمة class يستخدم لتحديد فئة:

class MyClass {
// class methods
constructor() { ... }
method1() { ... }
method2() { ... }
method3() { ... }
...
}

تسمى هذه الصيغة بإعلان الفئة.

Class

::: note الأساليب في الفصل ليست مفصولة بفواصل يختلف بناء جملة الفئة عن حرفية الكائن. لا توجد فواصل مطلوبة داخل الفصول الدراسية.

:::

قد لا يكون للفصل اسم. يمكن استخدام تعبير فئة لتعيين فئة إلى متغير 🔔:

const UserClass = class {
// class body
}

يمكن تصدير الفئات كوحدات نمطية. فيما يلي مثال على التصدير الافتراضي:

export default class User {
// class body
}

وإليك مثال على تصدير مسمى:

export class User {
// class body
}

يصبح الفصل مفيدًا عندما تقوم بإنشاء مثيل له. المثيل هو كائن يحتوي على البيانات والسلوك الموصوف بواسطة🖊️ صف دراسي.

ال new ينشئ عامل التشغيل مثيلًا لفئة في JavaScript مثل هذا: instance = new Class().

على سبيل المثال ، يمكنك إنشاء ملفات🏗️ مثيل لفئة المستخدم👤 باستخدام new المشغل أو العامل:

const myUser = new User()

new User() يُنشئ مثيلاً لـUser صف دراسي👤.

التهيئة: المنشئ ()

spangeBob

constructor (...) هي طريقة خاصة في جسم الفئة تقوم بتهيئة مثيل. هذا هو المكان الذي يمكنك فيه تعيين القيم الأولية للحقول أو إجراء أي تعديلات على الكائنات.

في المثال التالي ، يعيّن المُنشئ القيمة الأولية لملفname مجال:

class User {
constructor(name) {
this.name = name
}
}

ال constructor التابع User الفصل يأخذ معلمة واحدة ، name, والذي يستخدم لتعيين القيمة الأولية لـthis.name مجال.

داخل المنشئ ، قيمةthis يساوي المثيل المنشأ حديثًا.

تصبح الوسائط المستخدمة لإنشاء مثيل للفئة معلمات للمُنشئ👇:

محرر مباشر
النتيجة
Loading...

ال name المعلمة داخل المنشئ هي Jon Snow.

إذا لم تقم بتعريف مُنشئ لفئة ، فسيتم إنشاء مُنشئ افتراضي. المُنشئ الافتراضي هو دالة فارغة⚙️ لا تقوم بتعديل المثيل.

يمكن أن يكون هناك طريقة واحدة فقط تسمى constructor في الفصل.

نبذ الطبقات

rejection

نظرًا لأننا ندرس في مسار مدرستنا تطوير تطبيقات الهاتف المحمول باستخدام المكتبةReact, اين الابتكارReact Hooks يسمح لك باستخدام ميزات الحالة وميزات React الأخرى دون كتابة فئات. لذلك ، ليس من المنطقي الحديث عن الفصول بعد الآن ، لأننا تخلينا عنها.

مشاكل؟

Problem

اكتب ل Discord محادثة.

أسئلة:

Question

ما هي الكلمة الأساسية لتعريف الفئة؟

  1. constructor()
  2. class
  3. this

هل الطرق داخل الفصل مفصولة بفاصلة؟

  1. نعم
  2. لا

كم العدد constructor() يمكن أن يكون هناك في فئة واحدة؟

  1. غير محدود
  2. ما يصل إلى عشرة
  3. واحد فقط

لفهم مقدار ما تعلمته في هذا الدرس ، قم بإجراء الاختبار فيmobile application من مدرستنا في هذا الموضوع.

JS Camp

الروابط:

  1. MDN web docs
  2. Learn JavaScript

المساهمون✨

الشكر يعود إلى هؤلاء الأشخاص الرائعين (emoji key):


Philipp Dvinyaninov

📖

Dmitriy Vasilev

💵

Resoner2005

🐛 🎨 🖋

Navernoss

🖋 🐛 🎨

Become a Patron!