2024年前端最全前端面试官问闭包，怎样回答脱颖而出_js面试闭包完美回答，腾讯前端面试题社招

总结

=============================================================

从转行到现在，差不多两年的时间，虽不能和大佬相比，但也是学了很多东西。我个人在学习的过程中，习惯简单做做笔记，方便自己复习的时候能够快速理解，现在将自己的笔记分享出来，和大家共同学习。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

个人将这段时间所学的知识，分为三个阶段：

第一阶段：HTML&CSS&JavaScript基础

第二阶段:移动端开发技术

第三阶段:前端常用框架

• 推荐学习方式：针对某个知识点，可以先简单过一下我的笔记，如果理解，那是最好，可以帮助快速解决问题；如果因为我的笔记太过简陋不理解，可以关注我以后我还会继续分享。

• 大厂的面试难在，针对一个基础知识点，比如JS的事件循环机制，不会上来就问概念，而是换个角度，从题目入手，看你是否真正掌握。所以对于概念的理解真的很重要。

result() //11
result() //12

现有一个名为outerFn的函数，它的内部包含一个已经声明的变量data和一个内部函数innerFn。一般情况下，是无法访问或修改data的，但是innerFn可以访问到data，我们通过调用return出的innerFn，就可以间接的去修改和访问到data的数据了。  
 这样的做法，被总结称为 闭包。


那么如何能访问或修改到一个函数内部的变量呢？  
 函数的return就是这个传送门，可以将一个内部函数送出外部函数。 即使无法直接访问到外部函数内部的变量，也可以通过return出的内部函数去访问或修改外部函数的变量。


#### 4.闭包的用途？


闭包可以用在许多地方。它的最大用处有两个，一个是前面提到的可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。


#### 5.闭包解决了什么问题？


（在什么场景下用到它呢，就是问它解决的什么问题）  
 1.不必为函数命名，避免污染全局变量；  
 2.提供对局部变量的间接访问，按需求进行共享和长期保存；  
 3.维持变量，使其不被垃圾回收。  
 4.内部形成单独的块级作用域，通过闭包实现变量/方法的私有化


#### 6.闭包的优缺点？


优点：简单好用；  
 缺点：闭包使用不当可能造成内存泄露；  
 因为闭包中引用到的包裹函数中定义的变量永远不会被释放，所以我们应该在必要的时候，及时释放这个闭包函数。


#### 7.内存泄露是什么？怎么解决闭包产生的内存泄露？


内存泄露是指你用不到（访问不到）的变量，依然占居着内存空间，不能被再次利用起来。  
 **闭包产生的内存泄露怎么办？**  
 1，在退出函数之前，将不使用的局部变量赋值为null;  
 2，避免变量的循环赋值和引用。  
 3，利用Jquery释放自身指定的所有事件处理程序。  
 由于jQuery考虑到了内存泄漏的潜在危害，所以它会手动释放自己指定的所有事件处理程序。 只要坚持使用jQuery的事件绑定方法，就可以一定程度上避免这种特定的常见原因导致的内存泄漏。


#### 8.使用闭包的注意点


1）由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。


2）闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value），这时一定要小心，不要随便改变父函数内部变量的值。


#### 9.垃圾回收是什么？


垃圾回收是一种自动的内存管理机制。当一个电脑上的动态内存不再需要时，就应该予以释放，以让出内存，这种内存资源管理，称为垃圾回收。


垃圾回收的方法有：标记清除、引用计数。  
 标记清除法：从根集合触发，标记处需要回收的对象，清除被标记的对象。  
 引用计数法：就是记录每个对象被引用的次数，每次新建对象、赋值引用和删除引用的同时更新计数器，如果计数器值为0则直接回收内存。很明显，引用计数最大的优势是暂停时间短。


#### 10.思考题



> 
> 阮一峰老师写的教程  
>  http://www.ruanyifeng.com/blog/2009/08/learning\_javascript\_closures.html
> 
> 
> 


代码片段一：

var name = “The Window”;
　　var object = {
　　　　name : “My Object”,
　　　　getNameFunc : function(){
　　　　　　return function(){
　　　　　　　　return this.name;
　　　　　　};
　　　　}
　　};
console.log(object.getNameFunc()());
//The Window

注释：getNameFunc前面没有使用var关键字，它是一个全局变量，而不是局部变量。所以它读的是全局变量the window，返回的this.name是the window。


代码片段二：

var name = “The Window”;
　　var object = {
　　　　name : “My Object”,
　　　　getNameFunc : function(){
总结:

• 函数式编程其实是一种编程思想，它追求更细的粒度，将应用拆分成一组组极小的单元函数，组合调用操作数据流；

• 它提倡着 纯函数 / 函数复合 / 数据不可变， 谨慎对待函数内的 状态共享 / 依赖外部 / 副作用；

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

Tips:

其实我们很难也不需要在面试过程中去完美地阐述出整套思想，这里也只是浅尝辄止，一些个人理解而已。博主也是初级小菜鸟，停留在表面而已，只求对大家能有所帮助，轻喷🤣；

我个人觉得: 这些编程范式之间，其实并不矛盾，各有各的 优劣势。

理解和学习它们的理念与优势，合理地 设计融合，将优秀的软件编程思想用于提升我们应用；

所有设计思想，最终的目标一定是使我们的应用更加 解耦颗粒化、易拓展、易测试、高复用，开发更为高效和安全；