Web前端最全前端面试官问闭包，怎样回答脱颖而出_js面试闭包完美回答，零基础如何成为高级前端开发

总结

• 框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。

• 算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！

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

喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！

现有一个名为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(){
　　　　　　var that = this;
　　　　　　return function(){
　　　　　　　　return that.name;

最后

前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档

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

+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**

[外链图片转存中…(img-drHLHAyO-1715186302647)]

[外链图片转存中…(img-mOxNoDES-1715186302647)]