التحقق من الصحة والآثار الجانبية
جزء من قسم البرمجة كائنية التوجه في رحلة JavaScript على Coddy. الدرس 45 من 56.
يمكن لأساليب الحصول على القيم وتعيينها أن تفعل أكثر من مجرد قراءة الخصائص وكتابتها؛ إذ يمكنها التحقق من صحة المدخلات وتشغيل آثار جانبية عند تغيير القيم.
لننشئ فئة User مع التحقق من الصحة:
class User {
constructor(name, age) {
this._name = name;
this._age = age;
}
get age() {
return this._age;
}
set age(value) {
// تحقّق من أن العمر رقم ويقع ضمن نطاق معقول
if (typeof value !== 'number') {
throw new Error('Age must be a number');
}
if (value < 0 || value > 120) {
throw new Error('Age must be between 0 and 120');
}
this._age = value;
// أثر جانبي: سجّل رسالة عند تغيّر العمر
console.log(`Age updated to ${value}`);
}
}الآن، عند استخدام المُعيِّن، يحدث التحقق تلقائيًا:
const user = new User('Alice', 25);
// هذا يعمل
user.age = 30; // يسجّل: "Age updated to 30"
// هذا يُحدث خطأً
user.age = -5; // خطأ: يجب أن يكون العمر بين 0 و120
// هذا أيضًا يُحدث خطأً
user.age = "thirty"; // خطأ: يجب أن يكون العمر رقمًاالتحقق من الصحة = التحقق مما إذا كانت القيمة صالحة قبل تخزينها
الآثار الجانبية = إجراءات إضافية تحدث عند تغيّر خاصية
التحدي
لديك فئة BankAccount تحتوي على مُعيِّن أساسي. مهمتك هي إكمال مُعيِّن balance.
أضف إلى المُعيِّن:
- التحقّق: تحقّق مما إذا كانت
valueليست رقمًا أو كانت أقل من 0؛ إذا كان الأمر كذلك، فاستخدمconsole.log("Invalid balance")ثمreturnللخروج من المُعيِّن - أثر جانبي: بعد تخزين قيمة صالحة، استخدم
console.log(\`Balance updated to $${value}\`)
جرّب بنفسك
import { BankAccount } from './account.js';
// حالات الاختبار
const account = new BankAccount("Savings");
// الاختبار 1: رصيد صالح
account.balance = 100;
console.log(account.balance);
// الاختبار 2: Invalid balance (سالب)
account.balance = -50;
console.log(account.balance);
// الاختبار 3: Invalid balance (ليس رقمًا)
account.balance = "abc";
console.log(account.balance);
يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس البرمجة كائنية التوجه
1الكائنات والكلمة المفتاحية this
مراجعة سريعة: الكائناتإضافة Methods إلى الكائناتفهم الكلمة المفتاحية thisConstructor Functionsالكلمة المفتاحية newتحدي المراجعة7الوراثة والكلمة المفتاحية extends
الوراثةعلاقة "is-a"الكلمة المفتاحية extendsالدالة super()وراثة الخصائص والوظائفتحدي المراجعة2تنظيم الكود
ما هي الـ Modules؟التصدير باستخدام exportالاستيراد باستخدام importالـ Default مقابل الـ Named Exports8تنظيم كود OOP
تنظيم الـ Classes في Modules11مشروع: مصيّر الأشكال
إعداد: فئة Shape والتصديروراثة فئة Circleإعادة التعريف ودالة المساحةعداد الأشكال Static9الخصائص والدوال الثابتة (Static)
مستوى الكلاس مقابل مستوى الكائنالخصائص الثابتة (Static Properties)دوال المساعدة الثابتة (Static Utility Methods)تحدي المراجعة12Getters و Setters
الكلمات المفتاحية get و setالخصائص المحسوبةالتحقق من الصحة والآثار الجانبيةتحدي المراجعةتدرّب بنفسك: مترجم JavaScript عبر الإنترنت