闭包

本文涉及知识点

1. 什么是闭包？
2. 闭包有什么用？

---

什么是闭包？

!function(){
  var local = '变量'
  function foo(){
    console.log('local')
  }
}()

image.png

ok，这三行代码就是一个闭包。在这三行代码中，有一个局部变量local，有一个函数foo，foo里面可以访问到local变量。就形成了闭包，就是这么简单：

「函数」和「函数内部能访问到的变量」（也叫环境）的总和，就是一个闭包。

显然可见，闭包就是函数作用域的产物:

1. 函数在执行的过程中，先从自己内部找变量
2. 如果找不到，再从创建当前函数所在的作用域去找, 以此往上
3. 注意找的是变量的当前的状态

也就是在执行foo函数的时候，现在自己内部找local变量；内部没有local变量，于是乎就从创建foo函数所在的作用域去找，也就是立即执行函数中，local='变量'。

但是很多时候，我们见到的闭包是函数套函数，比如这样:

function foo(){
  var local = 1
  function bar(){
    local++
    return local
  }
  return bar
}

var func = foo()
func()

其实跟上方的代码没有多大区别，在上方代码中，bar函数与local变量也形成了一个闭包(Closure).

为什么要函数套函数？

是因为需要一个局部变量，所以才把 local 放在一个函数里，如果不把 local 放在一个函数里，local 就是一个全局变量了，达不到使用闭包的目的——隐藏变量。

为什么要 return bar 呢？
因为如果不 return，你就无法使用这个闭包。把 return bar 改成 window.bar = bar 也是一样的，只要让外面可以访问到这个 bar 函数就行了。

所以 return bar 只是为了 bar 能被使用，也跟闭包无关。

闭包的作用

闭包用来间接访问一个变量，也就是隐藏变量。通俗来讲就是我把我家的钥匙给你，你有了我家钥匙就可以进入我家干任何事，但是你没有我家钥匙就进不了我家，干不了任何事。

用代码来说：

假设我们在做一个游戏，在写其中关于「还剩几条命」的代码。

如果不用闭包，你可以直接用一个全局变量：

window.lives = 30 // 还有三十条命

这样看起来很不妥。万一不小心把这个值改成 -1 了怎么办。所以我们不能让别人「直接访问」这个变量。怎么办呢？

用局部变量。

但是用局部变量别人又访问不到，怎么办呢？

暴露一个访问器（函数），让别人可以「间接访问」。

代码如下：

!function(){

  var lives = 50

  window.奖励一条命 = function(){
    lives += 1
  }

  window.死一条命 = function(){
    lives -= 1
  }

}()

简明起见，用了中文

那么在其他的 JS 文件，就可以使用 window.奖励一条命() 来涨命，使用 window.死一条命() 来让角色掉一条命。

看到闭包在哪了吗？

image.png