الكلمة المحجوزة `this` وفهم سلوكها

this هي واحدة من أكثر المفاهيم إرباكاً للمبتدئين في جافاسكريبت، لأن قيمتها لا تُحدَّد عند تعريف الدالة، بل تُحدَّد ديناميكياً حسب "كيفية استدعاء" الدالة فعلياً — وهذا يختلف جذرياً عن لغات أخرى حيث this ثابتة السلوك.

توجد أربع قواعد أساسية تُحدد قيمة this: أولاً، عندما تُستدعى دالة كأسلوب على كائن (كائن.دالة())، تُشير this إلى ذلك الكائن نفسه. ثانياً، عندما تُستدعى الدالة بمفردها دون كائن (دالة())، تُشير this إلى undefined في الوضع الصارم (Strict Mode) الذي تعمل به الفئات والوحدات (Modules) تلقائياً، أو إلى الكائن العام window في المتصفح في الوضع غير الصارم.

ثالثاً، عند استخدام new مع دالة بانية أو فئة، تُشير this إلى الكائن الجديد الذي يجري إنشاؤه حالياً. رابعاً، يمكنك التحكم اليدوي الصريح في قيمة this عبر call() أو apply() أو bind() — الثلاثة تسمح بتحديد قيمة this يدوياً بغض النظر عن كيفية الاستدعاء الطبيعية، مع فرق: call وapply تستدعيان الدالة فوراً (بفرق طريقة تمرير الوسائط)، بينما bind تُعيد دالة جديدة مربوطة بـ this محدد يمكن استدعاؤها لاحقاً.

كما تعلمنا سابقاً، الدوال السهمية (Arrow Functions) استثناء مهم من كل هذه القواعد الأربع — فهي لا تملك this خاصاً بها إطلاقاً، بل ترث قيمته من السياق المحيط بها وقت التعريف (وليس وقت الاستدعاء). هذا يجعلها الحل المثالي لمشكلة شائعة جداً: فقدان قيمة this الصحيحة داخل دوال Callback المُمرَّرة لدوال مثل setTimeout أو addEventListener عند الحاجة للوصول لـ this الخاص بكائن خارجي.