الطبقات

@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 يساوي المثيل المنشأ حديثًا.

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

محرر مباشر

function learnJavaScript() {
  class User {
    constructor(name) {
      name // => 'Jon Snow'
      this.name = name
    }
  }

  const user = new User('Jon Snow') // Here you can change the value
  return user.name
}

function learnJavaScript() {
  class User {
    constructor(name) {
      name // => 'Jon Snow'
      this.name = name
    }
  }

  const user = new User('Jon Snow') // Here you can change the value
  return user.name
}

النتيجة

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

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

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

نبذ الطبقات

rejection

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