„JavaScript“ uždarymo kilpose supratimas: praktiniai pavyzdžiai

„JavaScript“ kilpų uždarymo problemų sprendimas naudojant „let“.

„JavaScript“ (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]();
}

Teisingų uždarymo verčių užtikrinimas asinchroniniame kode

„JavaScript“ (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));
}

Teisingas įvykių klausytojų uždarymas naudojant IIFE

„JavaScript“ (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);
}

Teisingas uždarymas su for...in and for... of Loops

„JavaScript“ (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();
}

Dažnai užduodami klausimai apie „JavaScript“ uždarymą

1. Kas yra „JavaScript“ uždarymas?
2. Uždarymas yra funkcija, kuri išlaiko prieigą prie savo leksinės apimties, net kai funkcija vykdoma už jos ribų.
3. Kodėl uždarymai vyksta kilpose?
4. Ciklas užsidaro, nes ciklas sukuria funkcijas, kurios užfiksuoja tą pačią kintamojo nuorodą, todėl netinkamai tvarkoma netikėta elgsena.
5. Kaip galime išspręsti kilpų uždarymo problemas?
6. Naudojant let vietoj var kilpose arba naudojant IIFE (Iš karto iškviečiamos funkcijos išraiškos) gali išspręsti uždarymo problemas, sukurdami naują kiekvienos iteracijos taikymo sritį.
7. Kas yra IIFE?
8. An IIFE yra funkcija, kuri vykdoma iš karto po jos sukūrimo, dažnai naudojama kuriant naują sritį ir išvengti kintamųjų konfliktų.
9. Ar asinchroniniame programavime gali būti naudojami uždarymai?
10. Taip, uždarymai yra būtini asinchroniniam programavimui, kad būtų išlaikyta būsena ir kontekstas atliekant asinchronines operacijas, pvz., pažadus ir atgalinius skambučius.
11. Kas yra atmintinė ir kaip padeda uždarymas?
12. Atmintinė yra optimizavimo metodas, skirtas brangių funkcijų iškvietimų rezultatams išsaugoti talpykloje. Uždarymai padeda išlaikyti prieigą prie talpyklos kelių funkcijų skambučių metu.
13. Kaip uždarymai padeda tvarkant įvykius?
14. Uždarymai išlaiko įvykių tvarkytojams reikalingų kintamųjų būseną, užtikrinant, kad jie tinkamai veiktų, kai įvykis suaktyvinamas.
15. Kas yra „JavaScript“ modulio šablonas?
16. Modulio šablonas naudoja uždarymus, kad sukurtų privačius kintamuosius ir funkcijas, apimtų funkcionalumą ir išvengtų pasaulinės taršos.
17. Ar uždarymai gali imituoti privačius metodus „JavaScript“?
18. Taip, uždarymai gali imituoti privačius metodus, palikdami kintamuosius ir funkcijas pasiekiamus tik funkcijos apimtyje, kur jie yra apibrėžti.

Paskutinės mintys apie „JavaScript“ uždarymą kilpose

Norint rašyti nuspėjamą ir efektyvų kodą, labai svarbu įvaldyti „JavaScript“ uždarymus, ypač kilpose. Naudojant svertą let, Promises, ir IIFE, kūrėjai gali išvengti įprastų spąstų ir užtikrinti teisingą kintamo taikymo sritį. Šis supratimas pagerina gebėjimą valdyti asinchronines užduotis ir įvykiais pagrįstą programavimą, o tai galiausiai lemia patikimesnes programas.