إغلاق JavaScript

❮ سابق التالي ❯

يمكن أن تنتمي متغيرات JavaScript إلى النطاق المحلي أو العام .

يمكن جعل المتغيرات العالمية محلية (خاصة) مع الإغلاق .

المتغيرات العالمية

يمكن لـ A functionالوصول إلى جميع المتغيرات المحددة داخل الوظيفة ، مثل هذا:

مثال

function myFunction() {
let a = 4;
return a * a;
}

ولكن functionيمكن لـ a أيضًا الوصول إلى المتغيرات المحددة خارج الوظيفة ، مثل هذا:

مثال

let a = 4;
function myFunction() {
return a * a;
}

في المثال الأخير ، a هو متغير عام .

في صفحة الويب ، تنتمي المتغيرات العامة إلى كائن النافذة.

يمكن استخدام المتغيرات العامة (وتغييرها) بواسطة جميع البرامج النصية في الصفحة (وفي النافذة).

في المثال الأول ، a هو متغير محلي .

لا يمكن استخدام المتغير المحلي إلا داخل الوظيفة حيث يتم تعريفه. إنه مخفي من الوظائف الأخرى وكود البرمجة النصية الأخرى.

المتغيرات العامة والمحلية التي تحمل الاسم نفسه هي متغيرات مختلفة. تعديل إحداها لا يغير الأخرى.

تكون المتغيرات التي تم إنشاؤها بدون كلمة أساسية للإعلان ( var، letأو const) دائمًا عامة ، حتى لو تم إنشاؤها داخل دالة.

مثال

function myFunction() {
a = 4;
}

عمر متغير

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

المتغيرات المحلية لها عمر قصير. يتم إنشاؤها عند استدعاء الوظيفة ، وحذفها عند انتهاء الوظيفة.

معضلة مضادة

افترض أنك تريد استخدام متغير لحساب شيء ما ، وتريد أن يكون هذا العداد متاحًا لجميع الوظائف.

يمكنك استخدام متغير عام و a functionلزيادة العداد:

مثال

// Initiate counter
let counter = 0;

// Function to increment counter
function add() {
counter += 1;
}

// Call add() 3 times
add();
add();
add();

// The counter should now be 3

توجد مشكلة في الحل أعلاه: أي رمز على الصفحة يمكن أن يغير العداد ، بدون استدعاء add ().

يجب أن يكون العداد محليًا add()للوظيفة ، لمنع الكود الآخر من تغييره:

مثال

// Initiate counter
let counter = 0;

// Function to increment counter
function add() {
let counter = 0;
counter += 1;
}

// Call add() 3 times
add();
add();
add();

//The counter should now be 3. But it is 0

لم ينجح لأننا نعرض العداد العالمي بدلاً من العداد المحلي.

يمكننا إزالة العداد العام والوصول إلى العداد المحلي عن طريق السماح للوظيفة بإرجاعها:

مثال

// Function to increment counter
function add() {
let counter = 0;
counter += 1;
return counter;
}

// Call add() 3 times
add();
add();
add();

//The counter should now be 3. But it is 1.

لم ينجح لأننا أعدنا ضبط العداد المحلي في كل مرة نستدعي فيها الوظيفة.

يمكن لوظيفة JavaScript الداخلية حل هذه المشكلة.

وظائف JavaScript المتداخلة

جميع الوظائف لها حق الوصول إلى النطاق العالمي.

في الواقع ، في JavaScript ، تتمتع جميع الوظائف بإمكانية الوصول إلى النطاق "أعلاه".

يدعم JavaScript الوظائف المتداخلة. الوظائف المتداخلة لها حق الوصول إلى النطاق "أعلاه" منهم.

في هذا المثال ، يمكن للدالة الداخلية plus()الوصول إلى counterالمتغير في الوظيفة الأصلية:

مثال

function add() {
let counter = 0;
function plus() {counter += 1;}
plus();
return counter;
}

كان من الممكن أن يحل هذا المعضلة المضادة ، إذا تمكنا من الوصول إلى plus() الوظيفة من الخارج.

نحتاج أيضًا إلى إيجاد طريقة للتنفيذ counter = 0مرة واحدة فقط.

نحن بحاجة إلى إغلاق.