“说说闭包”

JavaScript---什么是闭包?为什么使用闭包?闭包产生的问题

1.什么是闭包

闭包 是有权限访问其他函数作用域内变量的函数------------《JavaScript高级程序设计》

如果在面试过程中,短短的一句话并不会让面试官认为你真的懂,针对这句话还可以引出"什么是函数作用域 "、"为什么闭包有这个权限"等问题

那我们可以这样说:

在JS中,变量的作用域属于函数作用域 ,即函数中的变量在函数以外是不可见的 ,正常情况下,函数执行完成,函数内部变量会销毁,内存也会被随之回收 ,但是由于闭包是建立在一个函数内部的子函数 ,它是可以访问上级作用域的,所以当内部函数(闭包)没有执行完成时,外部函数中的变量不会被销毁。

js 复制代码
// 函数嵌套函数,**内部函数就是闭包**。
 function outerFn(){
     var data = 0
     var innerFn = function(){
           data += 1
           console.log(data)
     }
     return innerFn
 }
 var result = outerFn()
 result() //1
 result() //2

2.为什么要使用闭包?

  1. 避免污染全局变量:闭包会划分一个独立的代码执行区域,在这个区域中有自己私有变量存储的空间,保护自己的私有变量不受外界干扰(操作自己的私有变量和外界没有关系)。

  2. 读取其他函数内的变量:如果当前上下文不被释放,那存储的这些私有变量也不会被释放,这些变量的值永远保持在内存中,不被垃圾回收。

闭包中引用到的变量永远不会被释放 ,所以我们应该在必要的时候,及时释放这个闭包函数。

闭包出现场景

闭包随处可见,一个Ajax请求的成功回调,一个事件绑定的回调方法,一个setTimeout的延时回调,或者一个函数内部返回另一个匿名函数,这些都是闭包。

简而言之,无论使用何种方式对函数类型的值进行传递,当函数在别处被调用时都有闭包的身影。

3. 闭包产生的问题?

闭包使用不当可能造成内存泄露,因为闭包中引用到的变量永远不会被释放,所以我们应该在必要的时候,及时释放这个闭包函数。

内存泄露是指你用不到(访问不到)的变量,依然占据着内存空间,不能被再次利用起来。

闭包产生的内存泄露怎么办?

  1. 在退出函数之前,将不使用的局部变量赋值为null;
  2. 避免变量的循环赋值和引用。

总结

闭包是JavaScript这门语言中非常重要但又难以掌握的概念。如果掌握了闭包并运用自如的话,会让你"功力大增"。

要想完全掌握闭包,一定要清楚函数作用域、内存回收机制、作用域继承等,然而闭包是随处可见的,很可能开发者在不经意间就写出了一个闭包,理解不够深入的话很可能造成运行结果与预期不符。

Tips -> 垃圾回收

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

垃圾回收的方法有:

  1. 标记清除法:从根集合出发,标记处需要回收的对象,清除被标记的对象。

  2. 引用计数法 :就是记录每个对象被引用的次数,每次新建对象、赋值引用和删除引用的同时更新计数器,如果计数器值为0则直接回收内存。很明显,引用计数最大的优势是暂停时间短

相关推荐
想吃火锅10056 小时前
【leetcode】405.数字转换为十六进制数js
开发语言·javascript·ecmascript
程序员二叉7 小时前
【Java】集合面试全套精讲|HashMap/ArrayList高频考点完整版
java·面试·哈希算法
原则猫8 小时前
HOOKS 背后机制
前端
码语智行8 小时前
首页导航跳转功能深度解析-系统内和系统外
前端
不懂数据的小白8 小时前
面试题一:【三】AB实验入门(验证)
面试
阿猫的故乡9 小时前
Vue过渡动画从入门到装X:淡入淡出、滑动、列表动画、第三方库全搞定
前端·javascript·vue.js
我叫黑大帅9 小时前
通过php 中的Route:: 的写法了解什么是静态类调用
后端·面试·php
IManiy9 小时前
总结之Vibe Coding前端骨架
前端
小和尚敲木头9 小时前
vue3 vite动态拼接图片路径
javascript
JS菌9 小时前
AI Agent 沙箱双层防护体系:从权限过滤到内核隔离的完整实现
前端·人工智能·后端