JavaScript 高级

闭包是 JavaScript 中一个非常重要的概念，它允许函数访问并操作函数外部的变量。闭包在 JavaScript 中的作用非常强大，它可以帮助我们实现模块化、封装以及缓存等功能。

闭包的定义

闭包是指那些能够访问自由变量的函数。在 JavaScript 中，闭包通常由嵌套函数实现。

function outerFunction() {
  var outerVar = 'I am outside!';
  function innerFunction() {
    return outerVar;
  }
  return innerFunction;
}

var closure = outerFunction();
console.log(closure()); // 输出: I am outside!

在上面的例子中，innerFunction 函数就是一个闭包，它能够访问 outerFunction 函数作用域中的 outerVar 变量。

闭包的应用

模块化：闭包可以用来创建模块，将变量封装在函数内部，从而实现模块化。

var myModule = (function() {
  var privateVar = 'I am private!';
  return {
    publicMethod: function() {
      return privateVar;
    }
  };
})();

console.log(myModule.publicMethod()); // 输出: I am private!

缓存：闭包可以用来缓存计算结果，避免重复计算。

function memoize(fn) {
  var cache = {};
  return function() {
    var args = Array.prototype.slice.call(arguments);
    if (!cache[args]) {
      cache[args] = fn.apply(this, args);
    }
    return cache[args];
  };
}

var add = function(a, b) {
  return a + b;
};

var memoizedAdd = memoize(add);

console.log(memoizedAdd(1, 2)); // 输出: 3
console.log(memoizedAdd(1, 2)); // 输出: 3，直接从缓存中获取结果

回调函数：闭包可以用来实现回调函数，允许我们在异步操作完成后执行某些操作。

function fetchData(callback) {
  setTimeout(function() {
    var data = 'some data';
    callback(data);
  }, 1000);
}

fetchData(function(data) {
  console.log(data); // 输出: some data
});

总结

闭包是 JavaScript 中一个非常重要的概念，它可以帮助我们实现模块化、封装以及缓存等功能。熟练掌握闭包，能够让我们写出更加优雅和高效的代码。

JavaScript 高级 - 闭包

闭包的定义

闭包的应用

总结