我从来不理解闭包,直到我要去面试

语言: CN / TW / HK

theme: awesome-green

闭包

怎么答

  • 回答这一类的面试题的时候你觉得需要用到方法论吗?如何有理有据的论述你的答案,用简洁的话回答出面试官想要听到的重点,而不是长篇大论抓不住重点,希望大家看完这篇文章能够举一反三,形成自己的见解
  • 有些时候,你回答一些问题的逻辑思维,在高段位的面试官那里就完全能够了解到你当前的水平了
  • 在我们回答这些问题的时候可以按照这个逻辑去回答,理清楚你要回答的思路,把你的观点清晰的表达给面试官

  • 讲概念

  • 优缺点
  • 说用途

拆解

讲概念

  • 红宝书:闭包是指有权访问另一个函数作用域中变量的函数
  • MDN: 闭包是指那些能够访问自由变量的函数,这里的自由变量是指外部作用域中的变量
    • 涉及到哪些知识点
    • 作用域
      • 全局作用域
      • 局部作用域(函数作用域)
      • 词法作用域 ---》作用域链
      • 执行上下文

优缺点

  • 优点:私有化数据,在私有化数据的基础上保持数据
    • 红宝书:任何在函数中定义的变量,都可以认为是私有变量 举个例子:防抖: ```js

/* * 手写题也是一样,不要上来就写,先把注释写好,写出自己的思路见解, 有些时候写不出来,有自己的思路也是面试官比较看重的点 * 概念 * 思路 * 编码 / function debounce(fn,delay) { let time= null; // 私有化数据 return function (){ let context = this,args = arguments; if(time) { // 下一次点击的时候获取到上一下的time,也就是保持数据。 clearTimeout(time) // 思考题 这里要不要清空time // time = null; } time = setTimeout(function (){ fn.apply(context,args); },delay) } } ``` - 缺点:可能会导致内存泄漏,内部的变量不会被自动回收掉 - 垃圾回收机制 - 标记清除 - 引用计数 - 新生代,老生代

```js

/ * 手写题也是一样,不要上来就写,先把注释写好,写出自己的思路见解, 有些时候写不出来,有自己的思路也是面试官比较看重的点 * 概念 * 思路 * 编码 */ function assignHandler() { var element = document.getElementById('root3'); element.onclick = function () { alert(element.id) } // element = null
// } ``` - 以上代码创建了一个作为element元素事件处理程序的闭包,而这个闭包又创建了一个循环引用。由于匿名函数保存了一个对assignHandler() 的活动对象的引用,因此就会导致无法减少element的引用数,只要匿名函数存在,element 的引用数至少也是1,因此会占用内存久永远不会被回收 -
上面的例子和解析,都是红宝书的原题,我手抄下来的,大家一定要多看书,书上讲的很清晰易懂!**

说用途

  • 防抖,节流 ......
  • vue :响应式原理
  • react :fiber,hooks原理

答题

  • 闭包是指有权访问另一个函数作用域中变量的函数,优点是私有化数据,在私有化数据的基础上保持数据,缺点使用不恰当会导致内存泄漏,在不需要用到的时候及时把变量置为null
  • 闭包的应用是非常广泛的,比方我们常见的节流,防抖,函数柯理化,在vue,react源码中也应用广泛如果你们接的住vue,react源码中,具体的应用场景你就可以答

总结复盘

  • 一道题的背后往往涉及到非常多的知识,就像套娃一样,你想一想你能不能接住面试官的三连问?就像闭包设计到了
    • 作用域&作用域链
    • 执行上下文 --》这里又会衍生到this相关的问题和手写代码题
    • 缓存,内存
    • 垃圾回收机制
    • 以及对知识广度的探索,比方你举例的应用场景够不够有说服力
  • 我们学习的记忆曲线是随着时间的流逝而慢慢流逝,你搞一遍,肯定会忘掉的,你要能一遍记住,你肯定不会在看我这篇文章,你是神!
  • 所以我要要学会总结复盘,写文章记录,或者形成自己的脑图,没事的时候拿出来看看,对吧,不断的重复记忆,慢慢的你就变强了!
  • 举个例子:比方我面试我就会总结复盘自己准备了哪些东西 image.png
  • 就像我们今天说的闭包,你就可以总结,慢慢的就会形成你自己的知识体系

image.png - 今天主要给大家分享一下我的答题和学习方式,感谢点赞! - 我整理在线刷题指南,拿走不谢,要学会站在别人的肩膀上提升自己;点击这里-->前端进阶指南

image.png

传送门