లూప్‌లలో జావాస్క్రిప్ట్ మూసివేతలను అర్థం చేసుకోవడం: ఆచరణాత్మక ఉదాహరణలు

జావాస్క్రిప్ట్ లూప్‌లలోని మూసివేత సమస్యలను లెట్‌తో పరిష్కరించడం

జావాస్క్రిప్ట్ (ES6)

let funcs = [];
// Let's create 3 functions
for (let i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value:", i);
  };
}
for (let j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

అసమకాలిక కోడ్‌లో సరైన మూసివేత విలువలను నిర్ధారించడం

జావాస్క్రిప్ట్ (ES6)

const wait = (ms) => new Promise((resolve, reject) => setTimeout(resolve, ms));
for (let i = 0; i < 3; i++) {
  // Log `i` as soon as each promise resolves.
  wait(i * 100).then(() => console.log(i));
}

IIFEని ఉపయోగించి ఈవెంట్ లిజనర్‌లలో సరైన మూసివేత

జావాస్క్రిప్ట్ (ES6)

var buttons = document.getElementsByTagName("button");
// Let's create 3 functions
for (var i = 0; i < buttons.length; i++) {
  // as event listeners
  (function(i) {
    buttons[i].addEventListener("click", function() {
      // each should log its value.
      console.log("My value:", i);
    });
  })(i);
}

లూప్‌ల కోసం...ఇన్ మరియు ఫర్...తో సరైన మూసివేత

జావాస్క్రిప్ట్ (ES6)

const arr = [1, 2, 3];
const fns = [];
for (const i in arr) {
  fns.push(((i) => () => console.log("index:", i))(i));
}
for (const v of arr) {
  fns.push(((v) => () => console.log("value:", v))(v));
}
for (const n of arr) {
  const obj = { number: n };
  fns.push(((n, obj) => () => console.log("n:", n, "|", "obj:", JSON.stringify(obj)))(n, obj));
}
for (const f of fns) {
  f();
}

జావాస్క్రిప్ట్ మూసివేత గురించి తరచుగా అడిగే ప్రశ్నలు

1. జావాస్క్రిప్ట్‌లో మూసివేత అంటే ఏమిటి?
2. మూసివేత అనేది ఫంక్షన్ ఆ పరిధి వెలుపల అమలు చేయబడినప్పటికీ, దాని లెక్సికల్ పరిధికి యాక్సెస్‌ను కలిగి ఉంటుంది.
3. లూప్‌లలో మూసివేతలు ఎందుకు జరుగుతాయి?
4. లూప్‌లలో మూసివేతలు జరుగుతాయి ఎందుకంటే లూప్ అదే వేరియబుల్ రిఫరెన్స్‌ను క్యాప్చర్ చేసే ఫంక్షన్‌లను సృష్టిస్తుంది, సరిగ్గా నిర్వహించకపోతే ఊహించని ప్రవర్తనకు దారితీస్తుంది.
5. మేము లూప్‌లలోని మూసివేత సమస్యలను ఎలా పరిష్కరించగలము?
6. ఉపయోగించి let బదులుగా var లూప్‌లలో లేదా ఉపయోగించడం IIFE (వెంటనే ప్రారంభించబడిన ఫంక్షన్ వ్యక్తీకరణలు) ప్రతి పునరావృతానికి కొత్త స్కోప్‌ను సృష్టించడం ద్వారా మూసివేత సమస్యలను పరిష్కరించవచ్చు.
7. IIFE అంటే ఏమిటి?
8. ఒక IIFE ఇది సృష్టించబడిన వెంటనే అమలు చేయబడే ఒక ఫంక్షన్, తరచుగా కొత్త పరిధిని సృష్టించడానికి మరియు వేరియబుల్ వైరుధ్యాలను నివారించడానికి ఉపయోగించబడుతుంది.
9. ఎసిన్క్రోనస్ ప్రోగ్రామింగ్‌లో మూసివేతలను ఉపయోగించవచ్చా?
10. అవును, వాగ్దానాలు మరియు కాల్‌బ్యాక్‌ల వంటి అసమకాలిక కార్యకలాపాలలో స్థితి మరియు సందర్భాన్ని నిర్వహించడానికి అసమకాలిక ప్రోగ్రామింగ్‌లో మూసివేతలు అవసరం.
11. జ్ఞాపకశక్తి అంటే ఏమిటి మరియు మూసివేతలు ఎలా సహాయపడతాయి?
12. మెమోయైజేషన్ అనేది ఖరీదైన ఫంక్షన్ కాల్‌ల ఫలితాలను కాష్ చేయడానికి ఒక ఆప్టిమైజేషన్ టెక్నిక్. బహుళ ఫంక్షన్ కాల్‌లలో కాష్‌కి యాక్సెస్‌ని నిలుపుకోవడం ద్వారా మూసివేతలు సహాయపడతాయి.
13. ఈవెంట్ నిర్వహణలో మూసివేతలు ఎలా సహాయపడతాయి?
14. ఈవెంట్ హ్యాండ్లర్‌లకు అవసరమైన వేరియబుల్స్ స్థితిని మూసివేతలు నిలుపుకుంటాయి, ఈవెంట్ ట్రిగ్గర్ అయినప్పుడు అవి సరిగ్గా పనిచేస్తాయని నిర్ధారిస్తుంది.
15. జావాస్క్రిప్ట్‌లో మాడ్యూల్ నమూనా ఏమిటి?
16. మాడ్యూల్ నమూనా ప్రైవేట్ వేరియబుల్స్ మరియు ఫంక్షన్‌లను రూపొందించడానికి మూసివేతలను ఉపయోగిస్తుంది, కార్యాచరణను ఎన్‌క్యాప్సులేట్ చేస్తుంది మరియు గ్లోబల్ స్కోప్ కాలుష్యాన్ని నివారించవచ్చు.
17. మూసివేతలు జావాస్క్రిప్ట్‌లో ప్రైవేట్ పద్ధతులను అనుకరించగలవా?
18. అవును, వేరియబుల్స్ మరియు ఫంక్షన్‌లు నిర్వచించబడిన ఫంక్షన్ పరిధిలో మాత్రమే వాటిని యాక్సెస్ చేయడం ద్వారా మూసివేతలు ప్రైవేట్ పద్ధతులను అనుకరించగలవు.

లూప్‌లలో జావాస్క్రిప్ట్ మూసివేతలపై తుది ఆలోచనలు

జావాస్క్రిప్ట్‌లో మాస్టరింగ్ క్లోజర్‌లు, ముఖ్యంగా లూప్‌లలో, ఊహాజనిత మరియు సమర్థవంతమైన కోడ్‌ను వ్రాయడానికి కీలకం. పరపతి ద్వారా let, Promises, మరియు IIFE, డెవలపర్‌లు సాధారణ ఆపదలను నివారించగలరు మరియు సరైన వేరియబుల్ స్కోపింగ్‌ను నిర్ధారించగలరు. ఈ అవగాహన అసమకాలిక పనులు మరియు ఈవెంట్-ఆధారిత ప్రోగ్రామింగ్‌ను నిర్వహించగల సామర్థ్యాన్ని పెంచుతుంది, చివరికి మరింత బలమైన అప్లికేషన్‌లకు దారి తీస్తుంది.