位置: IT常识 - 正文

2022前端面经---(js高级)一文让你搞懂闭包(2020年前端面试)

编辑:rootadmin
2022前端面经---(js高级)一文让你搞懂闭包

推荐整理分享2022前端面经---(js高级)一文让你搞懂闭包(2020年前端面试),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:2021前端面试题目100及最佳答案,2020前端面试题及答案,2019前端面试,2021前端面试题目100及最佳答案,2020年前端面试,2021前端面试宝典,2021前端面试最新笔试题,2021前端面试宝典,内容如对您有帮助,希望把文章链接给更多的朋友!

CSDN话题挑战赛第2期 参赛话题:面试宝典

✅ 作者简介:一名迈入大三的大学生,致力于提高前端开发能力 ✨ 个人主页:前端小白在前进的主页 🔥 系列专栏 : 2022面经 ⭐️ 个人社区 : 个人交流社区 🍀 学习格言: ☀️ 打不倒你的会使你更强!☀️

🔥前言

在面试过程中js高级的闭包是面试官必问的问题,有好多小伙伴们对闭包都不理解,感觉这些东西生硬晦涩,在开发过程中没有很好的应用,这篇文章将带领大家彻底搞懂闭包,并且了解闭包的应用场景

📃目录 面试题什么是js垃圾回收机制(前提)闭包个人总结面试题

面试题:

请你说详细说明一下js中什么是闭包

问题剖析:

本题就是考察你对闭包是否有一个熟练的掌握,这个问题你必须要知道闭包的概念,以及怎么去实现闭包,同时你要懂得js中的垃圾回收机制。

2022前端面经---(js高级)一文让你搞懂闭包(2020年前端面试)

问题解答:

什么是js垃圾回收机制(前提)

垃圾回收机制(GC:Garbage Collection):执行环境负责管理代码执行过程中使用的内存。JS的垃圾回收机制是为了以防内存泄漏,内存泄漏的含义就是当已经不需要某块内存时这块内存还存在着,没有被释放,导致该内存无法被使用,垃圾回收机制就是间歇的不定期的寻找到不再使用的变量,并释放掉它们所指向的内存。 概念出自于文章JavaScript垃圾回收机制

其实我们通俗的解释就是:js存在专门的机制去处理我们不用的一些东西,不论是简单数据类型还是复杂数据类型。

简单举例:var a =1,我们定义了变量a,并且给它赋值为1,随后我们去改变a的值,a = 100,现在的话我们知道a的值变成了100,那么数值1我们肯定就不会用到了,那么js的垃圾回收机制会帮助我们把数值1给回收了,为了避免内存泄漏!

闭包闭包的概念

闭包(closure):函数内部返回一个函数,这个内部函数被外界所引用,这个内部函数就不会被js回收机制所销毁,内部函数所用到的外部函数的变量也不会被销毁。代码示例:

function outer() { let name = 'james' let age = 37 return function() { return name + ' is superstar'; } } let func = outer() console.log(func()); //james is superstar代码解析:

在上方代码中我们定义了一个外部函数outer(),在外部函数内部返回了一个函数(内部函数),随后在外界中将外部函数赋给了func,这个func就是内部函数,然后执行func(),打印出来了相应的结果,在这里,我们使用了外部函数内定义的属性name和内部函数,所以name和内部函数不会被js回收机制所处理,但是属性age我们并没有使用,所以age被js垃圾回收机制所回收!

优点和缺点

在代码解析中,我们知道了 我们所创建的临时变量name将不会被回收,所以闭包的优点就是:让临时变量可以永驻内存。但是如果我们不停的执行func,那么就会出问题,这样的话会使内存中不断的储存临时变量,就会导致内存泄漏,所以闭包的缺点就是:会造成内存泄漏。项目场景

在上面我们知道了什么是闭包,但是只知道闭包不知道咋用,未免有点难受,在这里说一个场景,就是防抖和节流

代码示例:

在这里写一个搜索框,搜索框的内容输入频次可以使用防抖或节流来优化。

<input type="text" id="search">

闭包防抖

search.oninput = (function() {let timer = nullreturn ()=>{ if(timer) { clearTimeout(timer) } timer = setTimeout(()=>{ console.log('发送了ajax请求'); },500)}})()

闭包节流

search.oninput = (function(){ let flag=true return ()=>{ if(flag) { setTimeout(()=>{ console.log('发送了ajax请求'); flag = true },500) } flag = false } })()

闭包的实战常见场景主要是在防抖和节流中,就是为了防止在防抖和节流中我们创建的临时变量会丢失!

个人总结

闭包是js高级中一个重要的知识点,闭包的存在就是为了进行一些项目的优化,可能在日常开发中小伙伴们使用不到,但是一旦开发项目对所有的细节把控都会十分的到位,那么闭包是必用的一个小细节,还是希望大家能够好好钻研一下闭包,祝大家面试成功!😉😉

本文链接地址:https://www.jiuchutong.com/zhishi/298495.html 转载请保留说明!

上一篇:程序员未来是不是会大量失业?(程序员未来会失业吗)

下一篇:YOLO系列算法(yolo系列算法全家桶)

  • 要约和承诺有法律效力吗
  • 社保缴费是当月扣当月的吗
  • 预缴的附加税月末结转吗
  • 2019年一季度季报怎样填写
  • 自然人合伙企业怎么交税
  • 个人取得哪项收入需要缴纳个人所得税
  • 当期允许抵扣的农产品进项税额
  • 财政局专利补助政策
  • 预收保费属于什么会计科目类别
  • 一般纳税人购进鸡蛋怎样抵扣
  • 一般纳税人首次领票能领多少
  • 增值税抵扣期限多少天
  • 个人所得税可以抵扣哪些费用
  • 申报截止日期前还能用吗
  • 开旅游公司有补贴吗
  • 我国个人取得的各种所得有几种类型
  • 合理工资薪金的确认原则
  • 员工服装属于什么费用类型
  • 企业有哪些o
  • 个税零申报工资填0吗
  • 安装费要交税吗
  • 小规模库存商品结转成本太低怎么办
  • 分项结转法怎么结转
  • 银行承兑找个人怎么操作
  • 浅谈12 条用于 Linux 的 MySQL/MariaDB 安全最佳实践
  • php导出数据到excel
  • 临时 文件夹
  • php比较两个字符串
  • 酒店如何核算成本
  • elf.exe是什么程序
  • 微信公众号web开发
  • 生育津贴有什么补贴
  • 贴现带息与不带息公式
  • 红字增值税发票怎么开具图解
  • 前端 大前端
  • 论文阅读网站排行榜
  • 利润的调增和调减
  • 建材公司成本率一般多少
  • 贸易企业开发下游业务
  • 企业的研发支出
  • 冲减多计提的工资摘要怎么写
  • 库存商品用于研发要进项税额转出吗
  • 贸易净利润
  • 购办公桌椅入什么费用
  • 收入成本怎么做账
  • 用友t3制单日期定住不变
  • 小规模纳税人通行费可以抵扣吗
  • 销售货物应税劳务清单怎么填
  • mysql load local
  • mysql数据表分区
  • 冲销坏账怎么做分录
  • 长期待摊费用待摊费用
  • 充值优惠怎么写
  • 成本费用占营业收入比重
  • 个人保险发票能做账吗
  • 其他应收款属于什么会计要素
  • 什么是定额发票图片
  • 服务业差旅费是什么科目
  • 残保金怎么办理
  • 怎样用eclipse敲代码
  • 如何清理注册表文件
  • win7关闭窗口的方式有哪些
  • xp简单实用的网络连接
  • win8官方u盘安装教程
  • windows10mode
  • linux忘了root密码
  • vmware下载不了
  • 笔记本win7电源已接通未充电怎么办
  • win10系统家庭版和专业版区别
  • 飞行体验设备
  • win8.1系统更新
  • JavaScript实现Base64编码转换
  • Android Chromium WebView学习启动篇
  • js判断输入用户名是否正确
  • 常用的八种教学方法
  • jquery点击按钮跳转页面
  • 安卓的通用在哪里
  • jquery瀑布流代码
  • c# for unity
  • 税务局发票邮寄费用谁承担
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设