‎‎بسته كننده هاي جاوااسكريپتJavaScript Closures -‎

‎‎متغيرهاي جاوااسكريپت مي توانند به محدوه محلي يا جهاني تعلق داشته باشند.

‎‎متغيرهاي جهاني را ميتوان با بسته شدن‎(closures)‎ محلي كرد.

‎‎متغيرهاي جهانيGlobal Variables-‎

‎يك‎function‎ ميتواند به تمام متغيرهائيكه در داخل تعريف شده اند دسترسي پيدا كند ‎مشابه زير:

‎‎مثال ـ متغير هاي داخلي تابع مثلa

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

‎همچنين يك تابع ميتواند به متغير هاي كه مشابه زير در خارج تابع تعريف ميشوند دسترسي داشته ‎باشد.

‎‎مثال ـ تعريف متغير خارج تابع ودسترسي تابع به آن

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

‎در مثال فوق متغيرa يك متغير جهاني يا سراسريست. در صفحات وب متغيير جهاني متعلق به صفحه ‎ميباشد.

‎‎متغير هاي سراسري ميتوانند مورد استفاده ساير اسكريپت هاي صفحه باشند.

‎در مثال اول متغيرa يك متغير محلي است . يك متغير محلي فقط ميتواند در داخل تابعي كه تعريف ‎شده استفاده گردد .از تابع ديگر وساير كد هاي برنامه پنهان است.

‎متغير هاي محلي وسراسري همنام ، متغيرهاي مختلفي هستند .اگر يكي ارآنها اصلاح شود، روي ‎همنام آن تاثيري ندارد.

‎‎مثال ـ متغيرa كه در تابع ايجاد شده سراسريست .

function myFunction() {
  a = 4;
}

‎‎طول عمر متغيرVariable Lifetime -‎

‎متغيرهاي جهاني تازماني كه صفحه ناديده گرفته شود فعال هستند، مانند زماني كه به صفحه ديگري ‎پيمايش‎(navigate )‎ ميكنيد، يا پنجره ويندو را مي بنديد .

‎متغيرهاي محلي طول عمر كمتري دارند، آنها هنگام فراخواني تابع ايجاد و در پايان اجراي تابع ‎حذف ميشوند.

‎‎مقابله با معظل شمارندهA Counter Dilemma -‎

‎فرض كنيد ميخواهيد از يك متغيربراي شمارش موردي استفاده نمائيد .و لازم است اين شمارنده براي ‎همه توابع در دسترس باشد .فرض براين باشد كه شمارش در توابع يا يك تابع انجام شود .براي اين ‎متغير سراسري بايد تعريف و درتوابع استفاده گردد.

‎‎مثال ـ تدوين شمارنده در تابع

// Initiate counter
let counter = 0;

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

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

‎در مورد روش فوق مشكلي وجود دارد، هر كدي در داخل صفحه ميتواند مقدار شمارنده را بدون ‎فراخواني‎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.

‎اين هم نتيجه مورد نظر را ندارد ، زيرا هربار كه تابع فراخوان ميشود شمارنده به حالت اوليه ‎برميگردد، يا اصطلاحاrest ميشود .

‎‎يك تابع تودر توي جاوااسكريپت ميتواند اين مشكل را برطرف نمايد.

‎‎توابع تودرتوي جاوااسكريپتJavaScript Nested Functions -‎

‎همه توابع جاوااسكريپت به متغيرهاي سراسري دسترسي دارند .در حقيقت، در جاوااسكريپت توابع ‎به متغير ميدان بالائي خود ميتوانند دسترسي داشته باشند.

‎جاوااسكريپت توابع تودرتو را پشتيباني ميكند .تابع داخل تابع ديگر به متغير تابع والد آن ‎دسترسي دارد.

‎‎مثال ـ دراين مثال تابع داخلي‎plus()‎‎ به متغير شمارنده در تابع والد دسترسي دارد .

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

‎اگر ميتوانستيم از بيرون به تابع‎plus()‎‎ دسترسي پيدا كنيم، مشكل شمارنده را حل ‎ميكرد.

‎همچنين لازم است كه راهي پيدا شودتا اجراي‎counter=0‎ يك مرتبه انجام شود .براي ‎اين كارclosure لازم است .

‎‎بسته كننده هاي جاوااسكريپتJavaScript Closures -‎

‎‎بياد آوريد توابع خودفراخوان را، اين ها چه كاري انجام ميدهند.

‎‎مثال ـ تابع خود فراخوان براي حل شمارنده

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

add();
add();
add();

// the counter is now 3

‎‎تشريـــح مـثــال

‎تابع در حالت خودفراخواني خود كه فقط يك بار است، بازگشتي خود را در متغير‎add‎ ‎قرار ميدهد .ودر اين اجرا متغيرcounter=0 ميشود ومحتوي متغيرadd تابع داخلي است.

‎تابع در متغيرadd فقط شمارنده را اضافه مي نمايد، وبراي آن متغير شمارنده سراسري است اما ‎براي تابع والد محلي است .نميتوان آنرا در خارج والد تغيير داد.

‎به اين ترتيبadd تبديل بيك تابع ميشود .بخش شگفت انگيز اينست كه ميتواند به شمارنده درمحدوده ‎والد دسترسي پيداد كند.

‎اين كار بسته شدن جاوااسكريپت ناميده ميشود .اين امكان را براي تابع فراهم ميكندكه تابع ‎تابع داراي متغير خصوصي بارث برده باشد.

‎شمارنده در ميدان تابع ناشناس محافظت ميشود وتنها با تابع‎add()‎‎ ميتوان مقدار آنرا ‎تغيير داد

JS Tutorial آموزش جاوااسکریپت

JS Objects اشیاء جاوااسکریپت

JS Functions توابع جاوااسکریپت

JS Classes کلاسهای جاوااسکریپت

JS Async ناهمزمانی جاوااسکریپت

JS HTML DOM شئ دام

JS Browser BOM شئ مرورگر

JS Web APIs رابط های اپی آی وب

JS AJAX آجکس وجاوااسکریپت

JavaScript JSON

JavaScript vs JQuery

JS Graphics گرافیک جاوااسکریپت

JS References فهرست مطالب