كيفية التعامل مع تحديث المتغيرات العالمية في JavaScript

عندما تعمل في JavaScript مع العمليات التي تؤثر على المتغيرات العالمية (Global Variables) داخل الدوال، قد تواجهك مشكلة في الوصول إلى القيم المحدثة لهذه المتغيرات خارج نطاق الدوال. وهذا يعود إلى طريقة عمل JavaScript في التعامل مع النطاقات (Scopes) وتأخر تنفيذ بعض الأوامر.

في مثالك، عندما تقوم بطباعة قيمة المتغيرين number1 و number2 بعد استدعاء الدالتين function1() و function2()، قد تلاحظ أن القيم التي تُطبع هي القيم الأصلية للمتغيرين 1 و 2 بدلاً من القيم المحدثة 3 و 4.

السبب وراء ذلك هو أن جافا سكريبت تنفذ الأوامر بشكل متزامن (synchronously)، وبالتالي فإنها تنتظر انتهاء تنفيذ الدوال function1() و function2() قبل أن تقوم بطباعة قيم المتغيرات. ولكن عند تنفيذ الدوال، يتم تحديث قيم المتغيرات العالمية number1 و number2، ولكن لا يتم ذلك بشكل فوري.

حتى تتمكن من الوصول إلى القيم المحدثة، يمكنك استخدام وظيفة setTimeout() أو استخدام وظائف الاستجابة (callbacks) لضمان تنفيذ الأوامر بعد اكتمال تحديث المتغيرات العالمية.

في الكود الخاص بك، يمكنك تحديثه كما يلي:

javascriptCopy code
var number1 = 1;
var number2 = 2;

function function1(callback) {
   number1 = 3;
   callback();
}

function function2(callback) {
  number2 = 4;
  callback();
}

function printUpdatedValues() {
  console.log(number1 + number2);
}

function1(function() {
  function2(function() {
    printUpdatedValues();
  });
});

في هذا المثال، تم استخدام وظائف الاستجابة لضمان تنفيذ printUpdatedValues() بعد تحديث القيم في number1 و number2. هذا يضمن أن تكون القيم المطبوعة هي القيم المحدثة بواسطة الدوال function1() و function2().

بالطبع، دعني أوضح المزيد حول كيفية عمل النطاقات في JavaScript وكيفية التعامل مع الدوال التي تؤثر على المتغيرات العالمية.

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

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

عندما تقوم بتغيير قيمة متغير عالمي داخل دالة، فإن هذا التغيير يكون فورياً ويؤثر على القيمة التي تكون متاحة لأي كود يأتي بعد ذلك في التنفيذ. ومع ذلك، قد يحدث تأخير في تنفيذ الأوامر، وخاصةً عند استخدام وظائف غير متزامنة أو عند التعامل مع الأحداث.

لحل مشكلتك، يمكن استخدام الوظائف الاستجابة (callbacks) للتأكد من تنفيذ الأوامر بعد اكتمال تحديث المتغيرات العالمية، كما في المثال الذي قدمته سابقًا. كما يمكن استخدام وسائل أخرى مثل استخدام وعود (promises) أو async/await لإدارة التنفيذ المتزامن بشكل أفضل وأكثر فعالية.