【JS重点09】JS闭包(面试重点)

本文核心目标:阅读完本文能说出什么是闭包,闭包作用以及如何利用闭包

一:闭包概览

1 闭包是什么

闭包 (closure)是一个函数以及其捆绑的周边环境状态(lexical environment词法环境)的引用的组合。换而言之,闭包让开发者可以从内部函数访问外部函数的作用域。在 JavaScript 中,闭包会随着函数的创建而被同时创建。

简言之,闭包=内部函数+外部函数变量

2 闭包作用

封闭数据,使得外部也可以访问函数内部的变量

闭包典型示例:

javascript 复制代码
<script>
    function outer() {
      let a = 100
      function inner() {
        console.log(a);
      }
      return inner
    }
    const gb = outer()
    gb()
</script>
//上面代码解析:
outer()===inner ===function inner(){}
gb() === function inner(){}
从全局作用域中使用的gb(),进而调用了函数内部变量

二:闭包应用

实现数据私有

javascript 复制代码
<script>
    function outer() {
      let a = 1
      function inner() {
        a++
        console.log(a);
      }
      return inner
    }
    const gb = outer()
    gb()
  </script>

我要记录outer函数被调用的次数,如果将let a = 1声明在全局作用域中,很容易被修改;但通过闭包方式,可以从gb()出发能够找到变量a,所以就可以实现记录,而不被垃圾回收机制清除;

同时,因为变量a是位于局部作用域中,本应运行完后清除,但是因为闭包的缘故没有实现内存回收;所以造成了内存泄漏问题

断点调试:

相关推荐
Gu Gu Study1 分钟前
枚举与lambda表达式,枚举实现单例模式为什么是安全的,lambda表达式与函数式接口的小九九~
java·开发语言
时光の尘16 分钟前
C语言菜鸟入门·关键字·float以及double的用法
运维·服务器·c语言·开发语言·stm32·单片机·c
以后不吃煲仔饭29 分钟前
Java基础夯实——2.7 线程上下文切换
java·开发语言
进阶的架构师30 分钟前
2024年Java面试题及答案整理(1000+面试题附答案解析)
java·开发语言
前端拾光者34 分钟前
利用D3.js实现数据可视化的简单示例
开发语言·javascript·信息可视化
程序猿阿伟36 分钟前
《C++ 实现区块链:区块时间戳的存储与验证机制解析》
开发语言·c++·区块链
Json_181790144801 小时前
电商拍立淘按图搜索API接口系列,文档说明参考
前端·数据库
傻啦嘿哟1 小时前
如何使用 Python 开发一个简单的文本数据转换为 Excel 工具
开发语言·python·excel
大数据编程之光1 小时前
Flink Standalone集群模式安装部署全攻略
java·大数据·开发语言·面试·flink
初九之潜龙勿用1 小时前
C#校验画布签名图片是否为空白
开发语言·ui·c#·.net