حقول Class العامة والخاصة
جزء من قسم Object Oriented Programming في رحلة JavaScript على Coddy. الدرس 18 من 56.
في فئات جافا سكريبت، يمكننا تعريف نوعين من حقول الفئات: public و private.
الحقول العامة يمكن الوصول إليها من خارج الفئة ويمكن استخدامها من قبل أي شخص.
قم بإنشاء فئة (class) تحتوي على حقول عامة (public fields):
class Student {
name = '';
grade = 0;
constructor(name, grade) {
this.name = name;
this.grade = grade;
}
}أنشئ نسخة (instance) من الطالب:
const student = new Student('Alice', 95);الوصول إلى الحقول العامة من خارج الفئة:
console.log(student.name); // الناتج: "Alice"
student.grade = 98;
console.log(student.grade); // الناتج: 98يُشار إلى الحقول الخاصة بالرمز # ولا يمكن الوصول إليها إلا من داخل الفئة (class):
class Student {
name = '';
#grade = 0;
constructor(name, grade) {
this.name = name;
this.#grade = grade;
}
getGrade() {
return this.#grade;
}
updateGrade(newGrade) {
this.#grade = newGrade;
}
}استخدام الحقول الخاصة:
const student = new Student('Bob', 87);
console.log(student.name); // المخرجات: "Bob"
// الوصول إلى الحقل الخاص باستخدام طريقة (method)
console.log(student.getGrade()); // المخرجات: 87
// تحديث الحقل الخاص باستخدام طريقة (method)
student.updateGrade(92);
console.log(student.getGrade()); // المخرجات: 92
// سيؤدي هذا إلى حدوث خطأ:
// console.log(student.#grade); // SyntaxError
التحدي
- أضف حقلين إلى الفئة المسماة UserAccount:
- حقل عام
username - حقل خاص
#password
- حقل عام
- أضف constructor يأخذ المعاملين
usernameوpassword
جرّب بنفسك
import { UserAccount } from './userAccount.js';
// كود اختبار - لا تقم بالتعديل
const user = new UserAccount("alice", "secret123");
console.log(user.username); // يجب أن يخرج "alice"
اختبر نفسكيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس Object Oriented Programming
1الكائنات والكلمة المفتاحية this
مراجعة سريعة: الكائناتإضافة Methods إلى الكائناتفهم الكلمة المفتاحية thisConstructor Functionsالكلمة المفتاحية newتحدي المراجعة7الوراثة والكلمة المفتاحية extends
الوراثةعلاقة "is-a"الكلمة المفتاحية extendsالدالة super()وراثة الخصائص والوظائفتحدي المراجعة2تنظيم الكود
ما هي الـ Modules؟التصدير باستخدام exportالاستيراد باستخدام importالـ Default مقابل الـ Named Exports8تنظيم كود OOP
تنظيم الـ Classes في Modules11مشروع: مصيّر الأشكال
إعداد: فئة Shape والتصديروراثة فئة Circleإعادة التعريف ودالة المساحةعداد الأشكال Staticتدرّب بنفسك: مترجم JavaScript عبر الإنترنت