في البرمجة الموجهة للكائنات ، تعتبر الفئة عبارة عن قالب رمز برنامج قابل للتوسيع لإنشاء الكائنات. يمكن اعتبار الفئات بشكل أساسي بمثابة سكر نحوي على الميراث القائم على النموذج الأولي لجافا سكريبت. في هذه المقالة ، سوف ندخل في عمق فئة JavaScript ونتعلم كيفية استخدامها في التسلسل التالي:
ما هي فئة JavaScript؟
في JavaScript ، تعتبر الفئة نوعًا من الوظائف ويتم الإعلان عنها بالكلمة الأساسية للفئة. تحتاج إلى استخدام صيغة تعبير الوظيفة لتهيئة صيغة تعبير صفي ودالة لتهيئة فئة.
// تهيئة دالة باستخدام تعبير دالة const a = function () {}// تهيئة فئة بتعبير فئة const b = class {}في JavaScript ، بدلاً من استخدام وظيفة الكلمات الرئيسية لبدء تشغيلها ، نستخدم فئة الكلمات الرئيسية. أيضًا ، يتم تعيين الخصائص داخل طريقة الباني ().
كيفية استخدام فئة JavaScript؟
أعلن الرمز مع وظيفة والفئة كلاهما يعيدان دالة [[نموذج أولي]]. مع النماذج الأولية ، يمكن لأي دالة أن تصبح مثيلًا مُنشئًا باستخدام الكلمة الأساسية الجديدة. فمثلا:
const a = class {} // تهيئة مُنشئ من مُنشئ فئة ثابتةانتاج:
{} منشئ: فئةالآن ، هناك ثلاث طرق مختلفة لاستخدام class في JavaScript. دعونا ندخل في تفاصيل كل طريقة مع مثال.
حدد فئة
يتم تهيئة وظيفة المُنشئ بعدد من المعلمات ، والتي يتم تعيينها كخصائص لـ 'هذه' ، في اشارة الى الوظيفة نفسها. يتم كتابة الحرف الأول من المعرف بأحرف كبيرة حسب الاصطلاح.
// تهيئة دالة دالة منشئ موظف (الاسم ، إمبيد) {this.name = name this.empid = empid}الآن ، إذا قمنا بترجمة هذا إلى بناء جملة الفصل ، سترى أن الهياكل متشابهة جدًا.
// تهيئة فئة تعريف فئة موظف {مُنشئ (اسم ، إمبيد) {this.name = name this.empid = empid}}يمكننا القول أن الكلمة الأساسية للفصل تتواصل بطريقة أكثر وضوحًا. الاختلاف الوحيد في بناء جملة التهيئة هو استخدام الكلمة الأساسية للفئة بدلاً من الوظيفة. كما أنه يعين الخصائص داخل طريقة الباني ().
تحويل المضاعفة إلى كثافة العمليات في جافا
تحديد الطرق
من الممارسات الشائعة الأخرى مع وظائف المُنشئ التعيين طرق مباشرة إلى النموذج الأولي بدلاً من التهيئة. سنأخذ مثالاً ونرى كيف يعمل:
function worker (name، empid) {this.name = name this.empid = empid} // إضافة طريقة إلى المُنشئ الموظف .prototype.greet = function () {return `$ {this.name} says hello.`}عندما تكتب نفس الرمز مع class ، يتم تبسيطه وإضافة الطريقة مباشرة.
موظف فئة {مُنشئ (اسم ، إمبيد) {this.name = name this.empid = empid} // إضافة طريقة إلى تحية المُنشئ () {return `$ {this.name} says hello.`}}على الرغم من أن الفصول الدراسية تسمح ببناء جملة أكثر بساطة وإيجازًا ، فقد تضطر أحيانًا إلى التنازل عن الوضوح في العملية.
تمديد الفصل
تكمن ميزة وظائف وفئات المُنشئ في أنه يمكن توسيعها إلى مخططات كائنات جديدة قائمة على الأصل. يساعد هذا في منع تكرار التعليمات البرمجية للكائنات المتشابهة ولكنها تحتاج إلى بعض الميزات الإضافية أو الأكثر تحديدًا.
يمكن إنشاء وظائف المُنشئ الجديدة من الأصل باستخدام طريقة call (). فمثلا:
// إنشاء مُنشئ جديد من معلومات الوظيفة الأصلية (الاسم ، والموظف ، والراتب) {// مُنشئ السلسلة مع استدعاء الموظف. (هذا ، الاسم ، إمبيد) this.salary = الراتب}الآن ، عندما نكتب نفس الرمز باستخدام الفئة ، يتم استخدام الكلمة الأساسية الفائقة بدلاً من المكالمة للوصول إلى وظائف الوالدين.
// يؤدي إنشاء فئة جديدة من معلومات الفئة الأصلية إلى توسيع نطاق الموظف {مُنشئ (الاسم ، إمبيد ، راتب) {// مُنشئ سلسلة مع سوبر سوبر (الاسم ، إمبيد) // إضافة خاصية جديدة this.salary = راتب}}توفر لك الفصول طريقة أكثر إيجازًا للإنشاء موضوع تصف المخططات ووظائف المنشئ ما يحدث تحت غطاء المحرك بطريقة أكثر تحديدًا.
بهذا نكون قد وصلنا إلى نهاية مقالتنا. أتمنى أن تكون قد فهمت كيفية استخدام فئة JavaScript.
الآن بعد أن تعرفت على فئة JavaScript ، تحقق من ملف بواسطة Edureka. سيساعدك تدريب شهادة تطوير الويب على تعلم كيفية إنشاء مواقع ويب رائعة باستخدام HTML5 و CSS3 و Twitter Bootstrap 3 و jQuery و Google APIs ونشرها في Amazon Simple Storage Service (S3).
لديك سؤال لنا؟ يرجى ذكر ذلك في قسم التعليقات في 'فئة JavaScript' وسنعاود الاتصال بك.