闭包-面试常问-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_48600969/article/details/134502869

闭包（Closure）是一种在编程中常见的概念，指的是一个函数与其引用的外部变量之间的组合。在其他一些编程语言中，闭包也被称为“lambda”或“anonymous function”。

闭包通常包含两部分：

函数体（Function Body）： 包含了一段可执行的代码。
环境（Environment）： 包含了在函数体中引用的所有非局部变量的引用。这些变量被称为自由变量。

闭包的特点是，它可以捕获和记住创建它的作用域内的变量，即使在这个作用域外部调用函数也能够访问这些变量。这种特性使得闭包可以在函数体中访问其外部作用域的变量，即使这些变量在外部作用域已经销毁。

在许多编程语言中，函数是一级对象，可以作为参数传递给其他函数，也可以从其他函数返回。这使得闭包成为一个强大的工具，可以用来实现许多功能，例如创建私有变量、实现回调函数、延迟执行等。

闭包通常包含两部分：

函数体（Function Body）： 包含了一段可执行的代码。
环境（Environment）： 包含了在函数体中引用的所有非局部变量的引用。这些变量被称为自由变量。

以下是一个简单的 JavaScript 示例，演示了闭包的概念：

function outerFunction(x) {
  // 内部函数是闭包，可以访问外部函数的参数和变量
  function innerFunction(y) {
    return x + y;
  }

  return innerFunction;
}

// 创建闭包
var closure = outerFunction(10);

// 调用闭包，仍然可以访问外部函数的参数
var result = closure(5); // 结果为 15

在这个例子中，outerFunction 返回了一个内部函数 innerFunction，并且这个内部函数形成了闭包，可以访问外部函数的参数 x，即使 outerFunction 已经执行完毕。

闭包的应用场景

闭包在编程中有许多实际应用场景，其强大的特性使得它成为实现某些功能的有效工具。以下是一些常见的闭包应用场景：

私有变量： 闭包可以用于创建具有私有变量的对象。通过将变量声明在外部函数中，内部函数可以访问并修改这些变量，但外部作用域无法直接访问它们，从而实现了一种封装效果。
```
function createCounter() {
  let count = 0;

  return function() {
    count++;
    return count;
  };
}

const counter = createCounter();
console.log(counter()); // 1
console.log(counter()); // 2
```

回调函数： 闭包常用于创建回调函数，以便在异步操作完成后执行特定的逻辑。在回调函数中，可以访问定义回调时的作用域，使得回调函数能够使用外部变量。

function fetchData(url, callback) {
  // 模拟异步操作
  setTimeout(function() {
    const data = /* 从url获取的数据 */;
    callback(data);
  }, 1000);
}

fetchData('https://example.com/api', function(data) {
  console.log('Data received:', data);
});

模块模式： 闭包可用于实现模块化，将一组相关的功能封装在一个闭包中，同时隐藏内部实现的细节，只暴露必要的接口。

const module = (function() {
  let privateVariable = 'I am private';

  function privateFunction() {
    console.log('This is a private function');
  }

  return {
    publicVariable: 'I am public',
    publicFunction: function() {
      console.log('This is a public function');
      privateFunction(); // 可以调用私有函数
    }
  };
})();

console.log(module.publicVariable);
module.publicFunction();

4. 事件处理： 在事件处理中，闭包可以用于保存事件处理函数中的状态信息，以及访问外部作用域的变量。

function setupClickHandler() {
  let count = 0;

  document.getElementById('clickButton').addEventListener('click', function() {
    count++;
    console.log('Button clicked ' + count + ' times');
  });
}

setupClickHandler();