تعرف على كيفية إنشاء فصول في JavaScript

في عام 2015 ، تم إصدار إصدار ES6 من لغة برمجة JavaScript. قدم هذا الإصدار بعض الترقيات الرئيسية للغة ، ووضعها رسميًا في فئة لغة البرمجة الموجهة للكائنات من بين لغات أخرى مثل Java و C ++.

تركز البرمجة الموجهة للكائنات على الكائنات والعمليات التي يمكن إجراؤها عليها. ومع ذلك ، قبل أن تتمكن من الحصول على أي أشياء ، ستحتاج إلى حضور فصل دراسي.

تعد فئات JavaScript إحدى ميزات تغيير اللعبة التي تأتي مع إصدار ES6 من اللغة. يمكن وصف الفئة بأنها مخطط يتم استخدامه لإنشاء كائنات.

في هذه المقالة التعليمية ، ستتعلم كيفية إنشاء الكائنات ومعالجتها باستخدام فئات JavaScript.

بنية فئة JavaScript

عند إنشاء فئة في JavaScript ، هناك مكون أساسي واحد ستحتاج إليه دائمًا ، وهو صف دراسي كلمة رئيسية. تقريبًا كل جانب آخر من فئة جافا سكريبت ليس مطلوبًا لتنفيذها بنجاح.

سيتم تنفيذ فئة JavaScript بشكل طبيعي إذا لم يتم توفير مُنشئ (سيقوم الفصل ببساطة بإنشاء مُنشئ فارغ أثناء التنفيذ). ومع ذلك ، إذا تم إنشاء فئة JavaScript باستخدام المُنشئين والوظائف الأخرى ولكن لم يتم استخدام كلمة رئيسية للفئة ، فلن تكون هذه الفئة قابلة للتنفيذ.

ال صف دراسي الكلمة الرئيسية (التي يجب أن تكون دائمًا بأحرف صغيرة) ضرورية في بنية فئة جافا سكريبت. المثال التالي هو الصيغة العامة لفئة JavaScript. فيما يلي بناء جملة فئة JavaScript:

فئة ClassName {
// هيئة الطبقة
}

إنشاء فصل دراسي في JavaScript

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

استخدام المُنشئين في فئات JavaScript

المُنشئ أمر حيوي لعملية إنشاء الفصل لأسباب قليلة ؛ يقوم بتهيئة حالة الكائن (من خلال سماته) ويتم استدعاؤه تلقائيًا عند إنشاء كائن جديد (معرّف وإنشاء).

استخدام مثال منشئ

أدناه ، سترى مثال مُنشئ مع شرح لما يعنيه.

طالب الصف {
المُنشئ (الاسم الأول ، الاسم الأخير ، تاريخ البدء) {
this.firstName = firstName ؛
this.lastName = lastName ؛
this.startDate = تاريخ البدء ؛
}
}

يقدم الكود أعلاه جانبًا مهمًا من مُنشئ فئة JavaScript ؛ بخلاف اللغات الأخرى مثل Java و C ++ ، لا يستخدم مُنشئ JavaScript اسم الفئة لإنشاء مُنشئ. يستخدم البناء الكلمة الرئيسية كما ترى في المثال أعلاه.

متعلق ب: تعرف على كيفية إنشاء فصول في Java

ال البناء في المثال أعلاه يأخذ ثلاثة معلمات ويستخدم هذه الكلمة الأساسية لتعيين المعلمات إلى المثيل الحالي للفئة. قد يبدو الأمر محيرًا بعض الشيء ، ولكن ما تحتاج إلى فهمه هو أنه يمكن اعتبار الفصل الدراسي بمثابة مخطط يتم استخدامه لإنشاء العديد من المنازل.

يمكن بعد ذلك اعتبار كل منزل مشيد كهدف من هذه الفئة. على الرغم من إنشاء كل من هذه المنازل بنفس المخطط ، إلا أنه يمكن تمييزها من خلال موقعها الجغرافي المحدد أو الأشخاص الذين يمتلكونها.

ال هذه تستخدم الكلمة الأساسية لتمييز كل كائن تم إنشاؤه بواسطة فئة. يضمن تخزين البيانات الصحيحة ومعالجتها لكل كائن يتم إنشاؤه باستخدام نفس الفئة.

إنشاء كائن في JavaScript

تعتبر المنشئات مهمة في لغة مثل JavaScript لأنها تشير إلى عدد السمات التي يجب أن يمتلكها كائن من فئة معينة. ستتطلب بعض اللغات الإعلان عن سمة (متغير) قبل استخدامها في المُنشئ أو أي طرق أخرى. ومع ذلك ، ليس هذا هو الحال مع JavaScript.

متعلق ب: كيف تصرح عن المتغيرات في جافا سكريبت

بالنظر إلى مُنشئ فصل الطلاب أعلاه ، يمكنك تمييز أن كائنًا من هذا الفصل سيكون له ثلاث سمات.

إنشاء مثال كائن

أدناه ، سترى مثالاً لإنشاء كائن في JavaScript.

// إنشاء كائن جديد
const john = طالب جديد ('John'، 'Brown'، '2018')؛

يستخدم الرمز أعلاه طالب فئة لإنشاء كائن.

عند إنشاء كائن من فئة ، تحتاج إلى استخدام الجديد الكلمة الأساسية ، متبوعة باسم الفئة والقيم التي تريد تعيينها للسمات المعنية. الآن لديك طالب جديد بالاسم الأول جون والاسم الأخير براون وتاريخ بدء عام 2018. لديك أيضًا متغير ثابت: يوحنا. هذا المتغير مهم لأنه يسمح لك باستخدام الكائن الذي تم إنشاؤه.

بدون ال يوحنا متغير ستظل قادرًا على إنشاء كائن جديد باستخدام طالب class ، ولكن بعد ذلك لن تكون هناك طريقة للوصول إلى هذا الكائن واستخدامه مع طرق الفصل المختلفة.

استخدام الطرق في فئات JavaScript

الطريقة هي وظيفة من فئة يتم استخدامها لإجراء عمليات على الكائنات التي تم إنشاؤها من الفئة. طريقة جيدة للإضافة إلى فصل الطالب هي تلك التي تنشئ تقريرًا عن كل طالب.

مثال على إنشاء طرق الفصل

يوجد أدناه مثال لإنشاء طرق الفصل في JavaScript.

طالب الصف {
المُنشئ (الاسم الأول ، الاسم الأخير ، تاريخ البدء) {
this.firstName = firstName ؛
this.lastName = lastName ؛
this.startDate = تاريخ البدء ؛
}
// طريقة التقرير
نقل(){
إرجاع `$ {this.firstName} بدأ $ {this.lastName} في حضور هذه المؤسسة في $ {this.startDate}`
}
}

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

بفضل "إنشاء مثال كائن" أعلاه ، يجب أن يكون لديك كائن من طالب الفئة المخصصة للمتغير يوحنا. استخدام يوحنا، يمكنك الآن الاتصال بنجاح بـ نقل() طريقة.

مثال باستخدام طرق الفصل

فيما يلي مثال على استخدام طرق الفئات في JavaScript.

// إنشاء كائن جديد
const john = طالب جديد ('John'، 'Brown'، '2018')؛
// استدعاء طريقة التقرير وتخزين نتيجتها في متغير
دع النتيجة = john.report () ؛
// طباعة النتيجة على وحدة التحكم
console.log (نتيجة) ؛

يستخدم الرمز أعلاه طلاب class لإنتاج الناتج التالي في وحدة التحكم:

بدأ جون براون في حضور هذه المؤسسة في 2018

استخدام الطرق الثابتة في فئات JavaScript

تعتبر الطرق الثابتة فريدة من نوعها لأنها الطرق الوحيدة في فئة JavaScript التي يمكن استخدامها بدون كائن.

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

إنشاء مثال طريقة ثابتة

فيما يلي مثال على طريقة ثابتة لجافا سكريبت.

طالب الصف {
المُنشئ (الاسم الأول ، الاسم الأخير ، تاريخ البدء) {
this.firstName = firstName ؛
this.lastName = lastName ؛
this.startDate = تاريخ البدء ؛
}
// طريقة التقرير
نقل(){
إرجاع `$ {this.firstName} بدأ $ {this.lastName} في حضور هذه المؤسسة في $ {this.startDate}`
}
// طريقة ثابتة
ثابت endDate (تاريخ) {
عودة تاريخ البدء + 4 ؛
}
}

الشيء المهم الذي يجب ملاحظته من المثال أعلاه هو أن كل طريقة ثابتة تبدأ بامتداد ثابتة كلمة رئيسية.

باستخدام مثال الطريقة الثابتة

فيما يلي مثال على استخدام طريقة ثابتة في JavaScript.

// استدعاء طريقة ثابتة وطباعة نتيجتها على وحدة التحكم
console.log (Student.endDate (2018)) ؛

سطر التعليمات البرمجية أعلاه يستخدم طلاب class لإنتاج الناتج التالي في وحدة التحكم:

2022

يعد إنشاء فئة JavaScript أمرًا سهلاً

هناك العديد من الأشياء التي تحتاج إلى تذكرها إذا كنت تريد إنشاء فئة JavaScript وإنشاء كائن أو أكثر منها:

• يجب أن تحتوي فئة JavaScript على الامتداد صف دراسي كلمة رئيسية.
• يشير مُنشئ JavaScript إلى عدد القيم التي يمكن أن يمتلكها الكائن.
• لا يمكن استخدام طرق الفئات العامة بدون كائن.
• يمكن استخدام الأساليب الثابتة بدون كائن.

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

التعرف على console.log () الطريقة هي واحدة من أهم الأشياء التي يمكنك القيام بها كمطور JavaScript.

ورقة الغش في نهاية المطاف جافا سكريبت

احصل على تحديث سريع لعناصر JavaScript باستخدام ورقة الغش هذه.

اقرأ التالي

نبذة عن الكاتب