JavaScript必知必会(九）function 说起 闭包问题

下面是我对“JavaScript必知必会(九）function 说起 闭包问题”的完整攻略。

什么是闭包

闭包是指函数和函数所能访问的外部变量之间的关系。可以理解为，一个函数能够“记住”在它被定义时所处的环境。

一个闭包的形成，需要满足以下条件：

• 函数嵌套：在一个函数内定义了另一个函数。
• 内层函数使用了外部变量：内层函数使用了外部函数所定义的变量。
• 外部函数返回内层函数：外部函数必须能够返回内部函数，这样内层函数才能够在外部函数调用时存在。

下面我们通过示例来更好地理解闭包。

function outer() {
  var name = 'John';
  function inner() {
    console.log(name);
  }
  return inner;
}

var fn = outer(); // 这里调用outer函数，并将返回值赋给fn
fn(); // 这里调用fn函数

上面这段代码中，outer函数内嵌套了inner函数，并定义了一个变量name，并在内层函数使用了name变量和console.log来打印name的值。外部变量fn被赋值为外层函数outer的返回值。

当我们执行fn()时，会在控制台打印出"John"，这是因为inner函数能够访问到outer函数中的变量name。所以,outer函数返回的是一个inner函数，而不是直接返回name变量的值，从而实现了闭包。

闭包的应用

闭包在JavaScript中有许多应用场景。下面我们来看两个常用的场景。

计数器

function counter() {
  var count = 0;
  return function() {
    console.log(++count);
  }
}

var add = counter();

add(); //控制台输出1
add(); //控制台输出2
add(); //控制台输出3

上面这段代码中，counter函数返回一个函数，而且内层函数使用了外部变量count。每当执行一次内部函数时，count的值会自增，并打印出当前的值。通过使用闭包，我们能够实现这样一个计数器的功能。

缓存

function cache() {
  var data = {};

  return {
    get: function(key) {
      return data[key];
    },
    set: function(key, value) {
      data[key] = value;
    }
  };
}

var myCache = cache();

myCache.set("name", "John");
console.log(myCache.get("name")); //控制台输出 John

上面这段代码中，我们定义了一个cache函数，它返回了一个对象。该对象有两个方法：get和set，用于获取和设置缓存。我们在内部使用了一个对象data，来存储每一个键值对。通过闭包，我们能够很方便地实现这样的缓存功能。

总结

闭包是一个重要的概念，在JavaScript编程中，我们常常需要使用闭包来实现一些需要访问外部变量的需求。通过上面的示例，我们已经了解了闭包的概念和使用场景。