频道导航

[javascript] 看知乎学习js闭包

2019-01-23 JavaScript 前端之家

前端之家收集整理的这篇文章主要介绍了[javascript] 看知乎学习js闭包，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

知乎：到底什么是闭包？

寸志：

JavaScript 闭包的本质源自两点，词法作用域和函数当作值传递。

词法作用域，就是，按照代码书写时的样子，内部函数可以访问函数外面的变量。引擎通过数据结构和算法表示一个函数，使得在代码解释执行时按照词法作用域的规则，可以访问外围的变量，这些变量就登记在相应的数据结构中。

 x=23333<span style="color: #0000ff;">function<span style="color: #000000;"> test(){
alert(x);
}
test(); <span style="color: #008000;">//<span style="color: #008000;">弹出23333

函数当作值传递，即所谓的first class对象。就是可以把函数当作一个值来赋值，当作参数传给别的函数，也可以把函数当作一个值 return。一个函数被当作值返回时，也就相当于返回了一个通道，这个通道可以访问这个函数词法作用域中的变量，即函数所需要的数据结构保存了下来，数据结构中的值在外层函数执行时创建，外层函数执行完毕时理因销毁，但由于内部函数作为值返回出去，这些值得以保存下来。而且无法直接访问，必须通过返回的函数。这也就是私有性。

</span><span style="color: #0000ff;"&gt;var</span> x=23333<span style="color: #000000;"&gt;;

</span><span style="color: #0000ff;"&gt;function</span><span style="color: #000000;"&gt; test2(){

   alert(x);

}

</span><span style="color: #0000ff;"&gt;return</span><span style="color: #000000;"&gt; test2;

}

test()();<span style="color: #008000;">//<span style="color: #008000;">弹出23333

本来执行过程和词法作用域是封闭的，这种返回的函数就好比是一个虫洞，开了挂。test2就是个闭包函数。显然，闭包的形成很简单，在执行过程完毕后，返回函数，或者将函数得以保留下来，即形成闭包。实际上在 JavaScript 代码中闭包不要太常见。

函数作为第一等对象之后 JavaScript 灵活得不要不要的。

知乎：为何前端面试官都喜欢问闭包？

niko：

我一直这么觉得，面试面的问题，并不是单纯的去回答一个答案，比如闭包这个问题来说，什么是闭包，大家都可以巴拉巴拉说出来，但是从每个人回答的方式，是可以看出一些思考方式和思维模式并且可以按照这个深入下去。

所以我觉得闭包是一个很好的面试问题，我就遇到过很多很多回答方式：

闭包就是一个函数内部可以访问函数外部的现象表述；

闭包就在于函数内部可以直接读取全局变量；

闭包是很多语言都具备的特性，在js中，闭包主要涉及到js的几个其他的特性：作用域链，垃圾(内存)回收机制，函数嵌套，等等，然后会跟你扯一堆；

还有的人说不清楚闭包是什么，但是他们会要求直接给你写代码；