描述 JavaScript 中的闭包概念

在本文中，您将了解 Javascript 中的闭包概念以及如何将其应用于各种函数。 javascript 中的闭包是一种组合所有函数并将它们与词法环境捆绑在一起的方法。随着本文的深入，我们将深入探讨闭包概念。

先决条件：在我们开始我们的主要讨论之前，你应该有一个 良好的 javascript 函数工作知识，即内存分配方式、变量范围概念、javascript 中的词法环境。

让我们首先开始讨论基本的 javascript 程序示例：

如果您不知道如何在 HTML 文档中添加和执行 javascript，请参阅在 HTML 文档中放置 JavaScript 的位置？文章以获取更多详细知识。

我们将快速查看 javascript 代码是如何执行的。为此，在index.html文件中添加   

---

script.js

function a() {
  var x = 5;
  console.log(x);
}
  
function b() {
  var y = 15;
  console.log(y);
}
a();
b();

script.js

function a() {
  var x = 5,
    y = 6;
  console.log(x);
  
  function b() {
    var z = 7;
    console.log(y);
    console.log(z);
  }
  b();
}
a();

script.js

function a() {
  console.log("Hello, I am a function");
  
  function b() {
    console.log("Hello, I am an inner function");
  }
  return b;
}
const result = a();
result();

script.js

function outer() {
  var x = 5;
  
  function inner() {
    console.log("Hello, I am an inner function");
    console.log(
      "I am accessing var x of my parent function"
      + " when that parent functions execution "
      + "context destroyed"
    );
    console.log(x);
  }
  return inner;
}
const result = outer();
result();

script.js

function outer(secret) {
  const notAccessibleByAnyone = secret;
  
  return function inner() {
    console.log(notAccessibleByAnyone);
  };
}
  
const closureFunction = outer("Secret Data");
closureFunction();
console.log(notAccessibleByAnyone);

script.js

function partialApplication(multiplier) {
  return function inner(array) {
    let size = array.length;
    for (let i = 0; i < size; i++) {
      array[i] = array[i] * multiplier;
    }
    return array;
  };
}
  
const multiplyBy2 = partialApplication(2);
const arr1 = multiplyBy2([1, 2, 3]);
console.log(arr1);
  
const multiplyBy4 = partialApplication(4);
const arr2 = multiplyBy4([1, 2, 3]);
console.log(arr2);