ਲੂਪਸ ਵਿੱਚ JavaScript ਬੰਦਾਂ ਨੂੰ ਸਮਝਣਾ: ਵਿਹਾਰਕ ਉਦਾਹਰਨਾਂ

ਲੇਟ ਨਾਲ JavaScript ਲੂਪਸ ਵਿੱਚ ਬੰਦ ਹੋਣ ਦੇ ਮੁੱਦਿਆਂ ਨੂੰ ਹੱਲ ਕਰਨਾ

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

ਅਸਿੰਕ੍ਰੋਨਸ ਕੋਡ ਵਿੱਚ ਸਹੀ ਬੰਦ ਕਰਨ ਦੇ ਮੁੱਲਾਂ ਨੂੰ ਯਕੀਨੀ ਬਣਾਉਣਾ

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

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

ਲੂਪਸ ਦੇ ਲਈ...ਵਿੱਚ ਅਤੇ ਲਈ...ਨਾਲ ਸਹੀ ਬੰਦ ਕਰੋ

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

JavaScript ਬੰਦ ਹੋਣ ਬਾਰੇ ਅਕਸਰ ਪੁੱਛੇ ਜਾਂਦੇ ਸਵਾਲ

1. JavaScript ਵਿੱਚ ਬੰਦ ਹੋਣਾ ਕੀ ਹੈ?
2. ਇੱਕ ਕਲੋਜ਼ਰ ਇੱਕ ਫੰਕਸ਼ਨ ਹੁੰਦਾ ਹੈ ਜੋ ਇਸਦੇ ਲੈਕਸੀਕਲ ਸਕੋਪ ਤੱਕ ਪਹੁੰਚ ਨੂੰ ਬਰਕਰਾਰ ਰੱਖਦਾ ਹੈ, ਭਾਵੇਂ ਫੰਕਸ਼ਨ ਉਸ ਦਾਇਰੇ ਤੋਂ ਬਾਹਰ ਚਲਾਇਆ ਜਾਂਦਾ ਹੈ।
3. ਲੂਪਸ ਵਿੱਚ ਬੰਦ ਕਿਉਂ ਹੁੰਦੇ ਹਨ?
4. ਲੂਪਾਂ ਵਿੱਚ ਬੰਦ ਹੋਣਾ ਇਸ ਲਈ ਹੁੰਦਾ ਹੈ ਕਿਉਂਕਿ ਲੂਪ ਫੰਕਸ਼ਨ ਬਣਾਉਂਦਾ ਹੈ ਜੋ ਇੱਕੋ ਵੇਰੀਏਬਲ ਸੰਦਰਭ ਨੂੰ ਕੈਪਚਰ ਕਰਦੇ ਹਨ, ਜੇਕਰ ਸਹੀ ਢੰਗ ਨਾਲ ਸੰਭਾਲਿਆ ਨਹੀਂ ਜਾਂਦਾ ਤਾਂ ਅਚਾਨਕ ਵਿਵਹਾਰ ਹੁੰਦਾ ਹੈ।
5. ਅਸੀਂ ਲੂਪਸ ਵਿੱਚ ਬੰਦ ਹੋਣ ਦੇ ਮੁੱਦਿਆਂ ਨੂੰ ਕਿਵੇਂ ਹੱਲ ਕਰ ਸਕਦੇ ਹਾਂ?
6. ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ let ਦੇ ਬਜਾਏ var ਲੂਪਸ ਵਿੱਚ ਜਾਂ ਵਰਤੋਂ ਵਿੱਚ IIFE (ਤੁਰੰਤ ਇਨਵੋਕਡ ਫੰਕਸ਼ਨ ਐਕਸਪ੍ਰੈਸ਼ਨ) ਹਰੇਕ ਦੁਹਰਾਅ ਲਈ ਇੱਕ ਨਵਾਂ ਸਕੋਪ ਬਣਾ ਕੇ ਬੰਦ ਹੋਣ ਦੇ ਮੁੱਦਿਆਂ ਨੂੰ ਹੱਲ ਕਰ ਸਕਦਾ ਹੈ।
7. ਇੱਕ IIFE ਕੀ ਹੈ?
8. ਇੱਕ IIFE ਇੱਕ ਫੰਕਸ਼ਨ ਹੈ ਜੋ ਇਸਨੂੰ ਬਣਾਏ ਜਾਣ ਤੋਂ ਤੁਰੰਤ ਬਾਅਦ ਚਲਾਇਆ ਜਾਂਦਾ ਹੈ, ਅਕਸਰ ਇੱਕ ਨਵਾਂ ਸਕੋਪ ਬਣਾਉਣ ਅਤੇ ਪਰਿਵਰਤਨਸ਼ੀਲ ਟਕਰਾਅ ਤੋਂ ਬਚਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ।
9. ਕੀ ਅਸਿੰਕ੍ਰੋਨਸ ਪ੍ਰੋਗਰਾਮਿੰਗ ਵਿੱਚ ਬੰਦਾਂ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ?
10. ਹਾਂ, ਵਾਅਦਿਆਂ ਅਤੇ ਕਾਲਬੈਕਾਂ ਵਰਗੇ ਅਸਿੰਕ੍ਰੋਨਸ ਕਾਰਜਾਂ ਵਿੱਚ ਸਥਿਤੀ ਅਤੇ ਸੰਦਰਭ ਨੂੰ ਬਣਾਈ ਰੱਖਣ ਲਈ ਅਸਿੰਕ੍ਰੋਨਸ ਪ੍ਰੋਗਰਾਮਿੰਗ ਵਿੱਚ ਬੰਦ ਹੋਣਾ ਜ਼ਰੂਰੀ ਹੈ।
11. ਮੈਮੋਇਜ਼ੇਸ਼ਨ ਕੀ ਹੈ, ਅਤੇ ਬੰਦ ਕਰਨ ਨਾਲ ਕਿਵੇਂ ਮਦਦ ਮਿਲਦੀ ਹੈ?
12. ਮੇਮੋਇਜ਼ੇਸ਼ਨ ਮਹਿੰਗੇ ਫੰਕਸ਼ਨ ਕਾਲਾਂ ਦੇ ਨਤੀਜਿਆਂ ਨੂੰ ਕੈਸ਼ ਕਰਨ ਲਈ ਇੱਕ ਅਨੁਕੂਲਨ ਤਕਨੀਕ ਹੈ। ਕਲੋਜ਼ਰ ਮਲਟੀਪਲ ਫੰਕਸ਼ਨ ਕਾਲਾਂ ਵਿੱਚ ਕੈਸ਼ ਤੱਕ ਪਹੁੰਚ ਨੂੰ ਬਰਕਰਾਰ ਰੱਖ ਕੇ ਮਦਦ ਕਰਦੇ ਹਨ।
13. ਇਵੈਂਟ ਸੰਭਾਲਣ ਵਿੱਚ ਬੰਦ ਹੋਣ ਨਾਲ ਕਿਵੇਂ ਮਦਦ ਮਿਲਦੀ ਹੈ?
14. ਕਲੋਜ਼ਰ ਇਵੈਂਟ ਹੈਂਡਲਰਾਂ ਦੁਆਰਾ ਲੋੜੀਂਦੇ ਵੇਰੀਏਬਲ ਦੀ ਸਥਿਤੀ ਨੂੰ ਬਰਕਰਾਰ ਰੱਖਦੇ ਹਨ, ਇਹ ਸੁਨਿਸ਼ਚਿਤ ਕਰਦੇ ਹੋਏ ਕਿ ਇਵੈਂਟ ਦੇ ਸ਼ੁਰੂ ਹੋਣ 'ਤੇ ਉਹ ਸਹੀ ਢੰਗ ਨਾਲ ਕੰਮ ਕਰਦੇ ਹਨ।
15. JavaScript ਵਿੱਚ ਮੋਡੀਊਲ ਪੈਟਰਨ ਕੀ ਹੈ?
16. ਮੋਡੀਊਲ ਪੈਟਰਨ ਪ੍ਰਾਈਵੇਟ ਵੇਰੀਏਬਲ ਅਤੇ ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਬਣਾਉਣ, ਕਾਰਜਸ਼ੀਲਤਾ ਨੂੰ ਸ਼ਾਮਲ ਕਰਨ ਅਤੇ ਗਲੋਬਲ ਸਕੋਪ ਪ੍ਰਦੂਸ਼ਣ ਤੋਂ ਬਚਣ ਲਈ ਬੰਦਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ।
17. ਕੀ ਬੰਦ ਹੋਣ ਨਾਲ JavaScript ਵਿੱਚ ਨਿੱਜੀ ਤਰੀਕਿਆਂ ਦੀ ਨਕਲ ਹੋ ਸਕਦੀ ਹੈ?
18. ਹਾਂ, ਕਲੋਜ਼ਰਜ਼ ਵੇਰੀਏਬਲ ਅਤੇ ਫੰਕਸ਼ਨਾਂ ਨੂੰ ਸਿਰਫ਼ ਫੰਕਸ਼ਨ ਦੇ ਦਾਇਰੇ ਵਿੱਚ ਹੀ ਪਹੁੰਚਯੋਗ ਰੱਖ ਕੇ ਨਿੱਜੀ ਤਰੀਕਿਆਂ ਦੀ ਨਕਲ ਕਰ ਸਕਦੇ ਹਨ ਜਿੱਥੇ ਉਹ ਪਰਿਭਾਸ਼ਿਤ ਕੀਤੇ ਗਏ ਹਨ।

ਲੂਪਸ ਵਿੱਚ JavaScript ਬੰਦ ਹੋਣ ਬਾਰੇ ਅੰਤਿਮ ਵਿਚਾਰ

ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਵਿੱਚ ਮੁਹਾਰਤ ਬੰਦ ਕਰਨਾ, ਖਾਸ ਤੌਰ 'ਤੇ ਲੂਪਸ ਦੇ ਅੰਦਰ, ਅਨੁਮਾਨ ਲਗਾਉਣ ਯੋਗ ਅਤੇ ਕੁਸ਼ਲ ਕੋਡ ਲਿਖਣ ਲਈ ਮਹੱਤਵਪੂਰਨ ਹੈ। ਲੀਵਰ ਕਰ ਕੇ let, Promises, ਅਤੇ IIFE, ਡਿਵੈਲਪਰ ਆਮ ਕਮੀਆਂ ਤੋਂ ਬਚ ਸਕਦੇ ਹਨ ਅਤੇ ਸਹੀ ਵੇਰੀਏਬਲ ਸਕੋਪਿੰਗ ਨੂੰ ਯਕੀਨੀ ਬਣਾ ਸਕਦੇ ਹਨ। ਇਹ ਸਮਝ ਅਸਿੰਕਰੋਨਸ ਕਾਰਜਾਂ ਅਤੇ ਇਵੈਂਟ-ਸੰਚਾਲਿਤ ਪ੍ਰੋਗਰਾਮਿੰਗ ਨੂੰ ਸੰਭਾਲਣ ਦੀ ਯੋਗਤਾ ਨੂੰ ਵਧਾਉਂਦੀ ਹੈ, ਅੰਤ ਵਿੱਚ ਵਧੇਰੇ ਮਜ਼ਬੂਤ ​​​​ਐਪਲੀਕੇਸ਼ਨਾਂ ਵੱਲ ਲੈ ਜਾਂਦੀ ਹੈ।