انتقل إلى محتوى الدرس

Introductory this Inside Methods كلمة this بدوال الكائن

أدر خصائص ودوال الكائنات في JavaScript باحتراف: أضف الحقول ديناميكياً واحذفها بـ delete وافحص الملكية عبر Object.hasOwn وابنِ الدوال الداخلية باستخدام this.
4 صفوف تعليمية
جافا سكريبت
4,481 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

كيف تصل دالة الكائن إلى بقية الخصائص المحفوظة معها داخل نفس الكائن؟ عبر الكلمة المحجوزة الذكية this! فعند استدعاء invoice.computeFinal() تشير this تلقائياً إلى الكائن invoice الواقع قبل النقطة، مما يمكّنها من قراءة وتحديث خصائصه عبر this.subtotal بمرونة تامة.

الصف 2 كود برمجي
JavaScript
const invoice = {
  subtotal: 200,
  discount: 30,
  finalDue: 0,
  applyDiscount() {
    this.finalDue = this.subtotal - this.discount;
  },
};
invoice.applyDiscount();
document.getElementById('mth-out').textContent =
  `Final due: ${invoice.finalDue} USD`;
الصف 3 معاينة حية
الصف 4 ملاحظة هامة