什么是闭包,闭包的使用场景?

简单总结

闭包(closure):函数嵌套函数,内部的函数就是闭包,正常情况下,函数执行完成,内部变量会销毁(销毁:释放内存空间),内部函数没有执行完成,外部函数变量不会被销毁

function outerFun() {
  let a = 20;
  function innerFun() {
    console.log(a); //可以访问外部函数的变量,作用域链的概念
  }
  return innerFun;
}
let fun = outerFun(); 
fun()

使用场景:闭包可以封装一段代码

传统不使用闭包,过多的全局变量

let a = 10, b = 20;
function add() {
  return a + b;
}
function sub() {
  return a - b;
}
let result1 = add();
let result2 = sub();
console.log(result1);//30 
console.log(result2); //-10

使用闭包,创建个独立的私有变量(模块化)

let JC = (function () {
  let a = 10, b = 20;
  function add() {
    return a + b;
  }
  function sub() {
    return a - b;
  }
  return {
    add,
    sub
  }
})()

let result1 = JC.add();
let result2 = JC.sub();
console.log(result1);//30 
console.log(result2); //-10

全面总结

闭包(closure):

1、闭包指的是函数内部的函数,它有权取访问另一个函数的内部的变量,即使这个内部的函数被返回了,或者被调用了,他的访问权限仍然存在。

2、可以利用闭包模拟私有属性,实现数据隐藏和封装,比如防抖和节流函数封装使用了闭包,但要避免滥用闭包导致内存泄漏

扩展什么是防抖和节流?有什么区别?如何实现及使用场景?

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
闭包是指一个函数能够访问并操作其词法作用域外部的变量的能力。闭包通过捕获外部函数的变量和参数,使得这些变量和参数在函数执行完毕后仍然可以被访问和使用闭包的优点包括: 1. 数据隐藏和封装:闭包可以隐藏内部变量和函数,只暴露需要暴露的接口,提供了更好的数据安全性和封装性。 2. 保持状态:闭包可以保持函数执行时的状态,使得函数可以记住之前的操作和结果,方便实现一些需要记忆的功能。 3. 延长变量的生命周期:闭包可以使得变量在函数执行完毕后仍然存在,不会被垃圾回收机制回收。 闭包的缺点包括: 1. 内存占用:闭包会导致外部变量一直存在于内存中,可能会占用较多的内存空间。 2. 性能问题:由于闭包涉及到作用域链的查找,可能会导致函数执行速度变慢。 闭包使用场景包括: 1. 保持状态:闭包可以用于实现记忆功能,例如实现一个计数器或缓存函数的结果。 2. 数据隐藏和封装:闭包可以用于实现模块化的代码结构,隐藏内部实现细节,只暴露必要的接口。 3. 回调函数:闭包可以用于实现回调函数,将函数作为参数传递给其他函数,并保持对外部变量的访问。 综上所述,闭包是指一个函数能够访问并操作其词法作用域外部的变量的能力。它具有数据隐藏和封装、保持状态和延长变量生命周期的优点,但也可能导致内存占用和性能问题。闭包适用于保持状态、数据隐藏和封装以及回调函数等场景。 #### 引用[.reference_title] - *1* [什么是闭包?有哪些使用场景?优缺点是什么?](https://blog.csdn.net/qq_33505829/article/details/86080460)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [闭包的定义,原理,应用场景,优点,缺点](https://blog.csdn.net/weixin_52148548/article/details/126916799)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端-JC

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值