说一下闭包

[问答题]

说一下闭包

web20

在函数的内部可以访问全局变量，但是在函数的外部无法访问函数内部的局部变量。有时候我们需要获取函数内部的局部变量，此时就要使用到闭包。做法就是在函数内部再定义一个函数，这个函数就可以访问外部的变量，之后我们再把内部函数作为外部函数的返回值，这样就可以在外部函数中读取到局部变量了。闭包就是定义在一个函数内部的函数，是连接内外函数的桥梁。

发表于 2020-02-24 11:14:24 回复(0)

拯救世界的光太郎

让我用最土的话来给你解释解释什么是闭包？它有什么用？

闭包是函数内暴露至函数外的另一个函数，可以通过暴露出去的函数访问外部函数内的变量。

我在网上搜过不少关于闭包的具体定义，给大家总结一下我的理解，先举三个简单的例子，都作用到了闭包，可以先看一下他们的区别：

// 例子1：
var a;
function b(){
  var i = 0
  a = function(){
    alert(i);
  }
};

// 例子2：
function funA(){
  var m = 10;
  return function(){
    alert(m);
  }
};

// 例子3：
var lis = document.getElementsByTagName("li");
for(var i=0;i<lis.length;i++){
  (function(i){
    lis[i].onclick = function(){
      console.log(i);
    };
  })(i);
}

那么问题来了，到底什么是闭包？

视觉上，闭包其实就是一个函数内部的函数，对，闭包其实就是个函数。上面的例子中，例1的 a 的值、例2被返回的函数、例3绑定给点击事件的回调函数统统都是闭包，因为它们都用到了上一层函数的变量，不过，仅仅用到了上一层函数的变量，可是不够的。
我们说，想成为闭包，可不是什么函数都可以的。网上很多帖子说内部函数要引用外部函数的变量，这句话说的就太片面了。
若仅仅只是在内部函数中引入外部函数里的变量，这个内部函数我们不用一种方式，将它暴露出去^①，或者保存在外部变量中^②，再或者是保存到监听事件的回调中^③，那么我们在外部函数的同级作用域下，始终还是访问不到外部函数内的变量。所以！引用是其一，暴露，则是其二。这两点，缺一不可。