什么是闭包?

什么是闭包?

在了解闭包之前,我们要先理解JavaScript的作用域——全局作用域和局部作用域(先不考虑块级作用域)。

  • 在全局作用域下声明的变量就是全局变量
  • 在局部作用域下声明的变量就是局部变量。

因为作用域链的存在,函数内部可以直接读取全局变量。而函数内部无法读取函数内部的局部变量。

那如果我们想读取函数内部的变量呢,怎么办?闭包就出现了

闭包就是在一个函数内部创建另一个函数,让你可以在一个内层函数中访问到其外层函数的作用域。又或者说,闭包就是能够读取其他函数内部变量的函数

在本质上,闭包是将函数内部和函数外部连接起来的桥梁。


不明白?举个例子

function init() {
    var name = "joney"; // name 是一个被 init 创建的局部变量
    function displayName() { // displayName() 是内部函数,一个闭包
    console.log((name)); // 使用了父函数中声明的变量
    }
    displayName();
  }
init();

init()创建了一个局部变量 name 和一个名为 displayName() 的函数。displayName() 是定义在 init() 里的内部函数,并且仅在 init() 函数体内可用。这时displayName() 就可以访问到外部函数的变量,所以 displayName() 可以使用父函数 init() 中声明的变量 name
在这里插入图片描述

但闭包的用途可不止是读取函数内部的变量,它可以函数变量保存在内存中,不会被垃圾回收机制回收

在下面这个例子中, f1 是 f2 的父函数,而 f2 被赋给了一个全局变量,所以f2 始终在内存中,且 f2 的存在依赖于 f1中的n,这就导致变量n无法被销毁,而变量q是每次被调用时新创建的,所以每次f2执行完后它就把属于自己的变量连同自己一起销毁,于是乎最后就剩下孤零零的n。

function f1(){
    var n=2;
    function f2(){
        var q=0;
        console.log('n=',++n);
        console.log('q=',++q);
    }
    return  f2;
}

var f=f1();
f() // 3 1
f() // 4 1

通过简单的两个例子我们可以总结一下闭包的优点和缺点

优点缺点
(1)保证函数不受外界干扰,实现封装,避免命名冲突(2)可以在内存中保存函数变量,充当缓存内存消耗很大,容易造成内存泄漏, 要谨慎使用
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

焦妮敲代码

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

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

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

打赏作者

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

抵扣说明:

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

余额充值