فهم نطاق العمل في جافا سكريبت

في الكود الجافا سكريبت المقدم، يظهر تأثير مثير للاهتمام بالنسبة لمتغير “that” الذي يبدو غير متاح لداخل دالة “func”. لفهم هذا السلوك، يجب التعمق في كيفية عمل الدوال ونطاق العمل (scope) في جافا سكريبت.

عند استدعاء دالة “obj.foo()”، يتم تنفيذ الكود داخلها، والذي يشمل تعريف متغير “that” وتعريف دالة “func”. يجب ملاحظة أن دالة “func” تنشئ بداخل نطاق الدالة “foo”، وليس بشكل مباشر بداخل كائن “obj”. هذا يعني أن المتغيرات المعرفة داخل دالة “foo” ليست متاحة بشكل مباشر للدوال التي تُنشأ داخلها، مثل دالة “func”.

عندما تُستدعى دالة “a()” (والتي تشير إلى دالة “func”)، فإنها تحاول الوصول إلى المتغير “that” الذي يتم تعريفه داخل “foo”. ومع ذلك، يكون هذا المتغير محليًا بالنسبة لدالة “foo” فقط ولا يكون متاحًا للدوال الأخرى المعرفة داخلها، مثل دالة “func”. وبالتالي، يتم إثارة خطأ “ReferenceError” لأن المتغير “that” غير معرف داخل دالة “func”.

لتجنب هذا الخطأ، يجب أن يتم توفير قيمة المتغير “that” بشكل مناسب لداخل الدالة “func”. ويمكن ذلك عن طريق تمرير قيمة المتغير “that” كمعامل للدالة “func”، أو عن طريق استخدام الأسلوب “bind()” لربط النطاق (scope) للدالة بكائن معين.

بالتأكيد، دعوني أوضح المزيد من المعلومات حول نطاق العمل (scope) في جافا سكريبت وكيفية تأثيره على إمكانية الوصول إلى المتغيرات داخل الدوال.

في جافا سكريبت، يتم تعريف نطاق العمل (scope) بواسطة المكان الذي يتم فيه تعريف المتغيرات. هناك نوعان رئيسيان من نطاق العمل:

1. نطاق العمل العام (Global Scope): يتم تعريف المتغيرات في هذا النطاق خارج أي دالة أو كائن، مما يجعلها متاحة لجميع أجزاء البرنامج.

2. نطاق العمل المحلي (Local Scope): يتم تعريف المتغيرات في هذا النطاق داخل دالة أو كائن، مما يجعلها متاحة فقط داخل هذا النطاق أو دوال تتبعه.

في مثالك، تم تعريف المتغير “that” داخل دالة “foo”، مما يجعله محليًا بالنسبة لهذه الدالة فقط. ولكن عند تعريف دالة “func” داخل “foo”، فإنها لا تتمكن من الوصول إلى المتغيرات المحلية داخل “foo” مباشرة. هذا يفسر سبب ظهور خطأ “ReferenceError” عندما يتم استدعاء “func” وتحاول الوصول إلى المتغير “that”.

لحل هذه المشكلة، يمكن استخدام الدوال الإنشائية مثل “bind()” لربط قيمة “this” بكائن معين. على سبيل المثال، يمكن استخدام:

javascriptCopy code
var a = func.bind(this);

هذا يربط نطاق العمل لدالة “func” بالكائن الحالي، مما يجعل المتغير “that” متاحًا داخل “func”.

هذا التفسير يعكس كيفية عمل نطاق العمل في جافا سكريبت وكيفية تأثيره على الوصول إلى المتغيرات داخل الدوال. من المهم فهم هذا المفهوم لتجنب الأخطاء الشائعة وضمان أن البرنامج يعمل كما هو متوقع.