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

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

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

---

---

كيفية عدم التحديث إلى نظام التشغيل windows 10

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

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

بنية فئة JavaScript

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

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

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

---

---

class ClassName{
//class body
}


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

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

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

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

---

---

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

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

class Student{
constructor(firstName, lastName, startDate){
this.firstName = firstName;
this.lastName = lastName;
this.startDate = startDate;
}
}


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

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

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

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

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

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

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

ذات صلة: كيفية إعلان المتغيرات في JavaScript

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

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

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

//create a new object
const john = new Student('John', 'Brown', '2018');


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

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

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

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

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

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

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

class Student{
constructor(firstName, lastName, startDate){
this.firstName = firstName;
this.lastName = lastName;
this.startDate = startDate;
}
// report method
report(){
return `${this.firstName} ${this.lastName} started attending this institution in ${this.startDate}`
}
}


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

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

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

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

//create a new object
const john = new Student('John', 'Brown', '2018');
//calling the report method and storing its result in a variable
let result = john.report();
//printing the result to the console
console.log(result);


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

John Brown started attending this institution in 2018

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

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

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

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

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

class Student{
constructor(firstName, lastName, startDate){
this.firstName = firstName;
this.lastName = lastName;
this.startDate = startDate;
}
// report method
report(){
return `${this.firstName} ${this.lastName} started attending this institution in ${this.startDate}`
}
//static method
static endDate(startDate){
return startDate + 4;
}
}


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

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

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

//calling a static method and printing its result to the console
console.log(Student.endDate(2018));


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

2022

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

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

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

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

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

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

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

اقرأ التالي مواضيع ذات صلة

• برمجة
• برمجة
• جافا سكريبت
• نصائح الترميز
• دروس الترميز

نبذة عن الكاتب قاديشا كين(21 مقالة منشورة)

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

المزيد من Kadeisha Kean

اشترك في نشرتنا الإخبارية

انضم إلى النشرة الإخبارية لدينا للحصول على نصائح تقنية ومراجعات وكتب إلكترونية مجانية وصفقات حصرية!

انقر هنا للاشتراك