Izpratne par JavaScript slēgšanu cilpās: praktiski piemēri

Slēgšanas problēmu risināšana JavaScript cilpās, izmantojot 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]();
}

Pareizu slēgšanas vērtību nodrošināšana asinhronajā kodā

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));
}

Pareiza slēgšana notikumu uztvērējos, izmantojot 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);
}

Pareiza aizvēršana ar 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();
}

Bieži uzdotie jautājumi par JavaScript slēgšanu

1. Kas ir JavaScript slēgšana?
2. Slēgšana ir funkcija, kas saglabā piekļuvi tās leksiskajam tvērumam pat tad, ja funkcija tiek izpildīta ārpus šī tvēruma.
3. Kāpēc aizvēršanās notiek cilpās?
4. Cilpas tiek slēgtas, jo cilpa rada funkcijas, kas tver vienu un to pašu mainīgā atsauci, kas izraisa neparedzētu darbību, ja tās netiek pareizi apstrādātas.
5. Kā mēs varam novērst slēgšanas problēmas cilpās?
6. Izmantojot let tā vietā var cilpās vai izmantojot IIFE (Tūlītēji izsauktās funkciju izteiksmes) var novērst slēgšanas problēmas, izveidojot jaunu tvērumu katrai iterācijai.
7. Kas ir IIFE?
8. An IIFE ir funkcija, kas tiek izpildīta uzreiz pēc tās izveides, un to bieži izmanto, lai izveidotu jaunu tvērumu un izvairītos no mainīgo konfliktiem.
9. Vai slēgšanu var izmantot asinhronajā programmēšanā?
10. Jā, slēgšana ir būtiska asinhronajā programmēšanā, lai saglabātu stāvokli un kontekstu asinhronajās darbībās, piemēram, solījumos un atzvanījumos.
11. Kas ir iegaumēšana un kā slēgšana palīdz?
12. Memoization ir optimizācijas paņēmiens, lai saglabātu kešatmiņā dārgu funkciju izsaukumu rezultātus. Slēgšana palīdz, saglabājot piekļuvi kešatmiņai vairāku funkciju izsaukumos.
13. Kā slēgšana palīdz notikumu risināšanā?
14. Slēgšana saglabā notikumu apstrādātājiem nepieciešamo mainīgo stāvokli, nodrošinot to pareizu darbību, kad notikums tiek aktivizēts.
15. Kāds ir JavaScript moduļa modelis?
16. Moduļa modelis izmanto slēgšanu, lai izveidotu privātus mainīgos un funkcijas, iekapsulējot funkcionalitāti un izvairoties no globāla mēroga piesārņojuma.
17. Vai slēgšana var simulēt privātās metodes JavaScript?
18. Jā, slēgšanas var simulēt privātās metodes, saglabājot mainīgos lielumus un funkcijas pieejamus tikai funkcijas tvērumā, kur tie ir definēti.

Pēdējās domas par JavaScript slēgšanu cilpās

Lai rakstītu paredzamu un efektīvu kodu, ir ļoti svarīgi apgūt JavaScript slēgšanu, jo īpaši cilpu ietvaros. Izmantojot sviras efektu let, Promises, un IIFE, izstrādātāji var izvairīties no bieži sastopamām kļūmēm un nodrošināt pareizu mainīgo tvērumu. Šī izpratne uzlabo spēju apstrādāt asinhronus uzdevumus un uz notikumiem balstītu programmēšanu, kas galu galā noved pie spēcīgākām lietojumprogrammām.