对于闭包的理解

什么是闭包

闭包就是可以访问外部函数中的变量的内部函数,在JavaScript中,只有函数内部的子函数才能读取局部变量,因此可以把闭包理解成定义在一个函数内部的函数。本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。

function f1(){
	var n=999;
	function f2(){
  	alert(n);
  }
	return f2;
}
var result=f1();
result(); // 999

上面代码中的f2函数就是闭包

形成闭包的条件

  1. 函数嵌套
  2. 内部函数中引用了外部函数的变量
  3. 将内部函数作为返回值返回

闭包是什么时候产生的

闭包是在内部函数对象创建时产生的,当调用外部函数时,闭包就已经产生了。外部函数每调用一次,就会产生一个闭包,闭包和闭包之间是相互独立的

闭包的作用

  1. 延长局部变量的生命周期
  2. 让函数外部可以操作内部的局部变量

区别产生闭包和使用闭包

产生闭包:内部函数对象创建时
使用闭包:执行内部函数时
释放闭包:让内部函数成为垃圾对象,断开指向它的引用

注意点

不能滥用闭包,由于闭包会使函数中的变量都被保存在内存中,所以内存消耗很大,滥用闭包会造成网页的性能问题,在IE中科能导致内存泄露。
解决方法:在退出函数之前,将不使用的局部变量全部删除。

使用场景

  1. 原生的setTimeout传递的第一个函数不能带参数,可以通过闭包实现传参效果
function f1(a) {
    function f2() {
        console.log(a);
    }
    return f2;
}
var fun = f1(1);
setTimeout(fun,1000);//一秒之后打印出1
  1. 隐藏数据
// 闭包隐藏数据,只提供 API
function createCache() {
    const data = {} // 闭包中的数据,被隐藏,不被外界访问
    return {
        set: function (key, val) {
            data[key] = val
        },
        get: function (key) {
            return data[key]
        }
    }
}
const c = createCache()
c.set('a', 100)
console.log( c.get('a') )
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值