【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是位于局部作用域中,本应运行完后清除,但是因为闭包的缘故没有实现内存回收;所以造成了内存泄漏问题

断点调试:

相关推荐
XiaoLeisj2 小时前
【JavaEE初阶 — 多线程】单例模式 & 指令重排序问题
java·开发语言·java-ee
励志成为嵌入式工程师3 小时前
c语言简单编程练习9
c语言·开发语言·算法·vim
逐·風3 小时前
unity关于自定义渲染、内存管理、性能调优、复杂物理模拟、并行计算以及插件开发
前端·unity·c#
捕鲸叉3 小时前
创建线程时传递参数给线程
开发语言·c++·算法
Devil枫3 小时前
Vue 3 单元测试与E2E测试
前端·vue.js·单元测试
A charmer3 小时前
【C++】vector 类深度解析:探索动态数组的奥秘
开发语言·c++·算法
Peter_chq3 小时前
【操作系统】基于环形队列的生产消费模型
linux·c语言·开发语言·c++·后端
尚梦4 小时前
uni-app 封装刘海状态栏(适用小程序, h5, 头条小程序)
前端·小程序·uni-app
GIS程序媛—椰子4 小时前
【Vue 全家桶】6、vue-router 路由(更新中)
前端·vue.js
记录成长java5 小时前
ServletContext,Cookie,HttpSession的使用
java·开发语言·servlet