عندما يتجادل هذا: فهم "هذا" في وظائف رد الاتصال

في JavaScript، يتم تحديد قيمة هذا في استدعاء الوظيفة بواسطة السياق الذي يتم فيه تنفيذ الوظيفة. ومع ذلك، عند تمرير هذا كوسيطة، يمكن أن تصبح القواعد معقدة.

على وجه التحديد، ينشأ السيناريو التالي: عندما يتم تمرير وظيفة رد الاتصال كوسيطة، لماذا لا يتم تعيينها على الوظيفة التي تستدعي رد الاتصال؟

فهم التسلسل الهرمي لـ "هذا"

لفهم سبب تعيين هذا في مكانه الحالي، نحتاج إلى النظر في التسلسل الهرمي لاستدعاءات الوظائف:

• obj.prepareRandomFunction () يعين هذا على obj (القاعدة رقم 2 من الإجابة).
• تمر RandomFunction(this.sumData.bind(this)) this.sumData.bind(this) كوسيطة (القاعدة رقم 1).
• داخل الوظيفة العشوائية، يقوم رد الاتصال (البيانات) بتعيين هذا على الكائن العام (القاعدة رقم 1).

ومع ذلك، قبل أن تستدعي RandFunction رد الاتصال، فإنه يستخدم this.sumData.bind(this) لإنشاء وظيفة جديدة (القاعدة #5). تستدعي هذه الوظيفة الجديدة وظيفة رد الاتصال الأصلية، ولكن الآن مع ربطها بـ obj (تم تمرير الوسيطة للربط).

الآثار المترتبة على وظائف رد الاتصال

عند تمرير طريقة كرد اتصال، من المهم أن نفهم أنه لن يتم استدعاؤه كـ obj.method(). هذا يعني أن هذا لن يحتوي على القيمة الصحيحة داخل وظيفة رد الاتصال. للتغلب على هذه المشكلة، يمكنك استخدام bind() لتعيين قيمة هذا ضمن رد الاتصال.

ملاحظات مفيدة أخرى

• القاعدة رقم 6 في تصف الإجابة كيف تحافظ وظائف سهم ES6 على القيمة المعجمية الحالية لذلك، حتى في وظائف رد الاتصال.
• .apply() و .call() يمكن استخدامها لإنشاء استدعاءات وظيفية جديدة بقيم محددة من هذا.
• يمكن استخدام bind() لإنشاء وظائف جديدة تستدعي الوظيفة الأصلية بقيمة مخصصة لهذا.
• إن فهم الطبيعة المعقدة لهذا أمر ضروري لترميز جافا سكريبت الفعال و لإتقان مفاهيم مثل عمليات الاسترجاعات.