闭包的详细解析

闭包是JavaScript中的一个重要概念,它允许函数访问并操作其外部作用域的变量。闭包的主要作用包括读取外部变量、保持变量在内存中以及创建独立的作用域。然而,过度使用闭包可能导致内存消耗过大,甚至在IE中引起内存泄漏。在使用闭包时需要注意变量的共享可能带来的值变化问题。例如,函数内的变量`a`和函数`num`构成了一个闭包,即使在函数外部,`num1`依然能访问`a`的值。
摘要由CSDN通过智能技术生成

什么叫做闭包:

        闭包就是能够读取其他函数内部变量的函数,在本质上,闭包是将函数内部和函数外部连接起来的桥梁。只有函数内部的子函数才能读取局部变量,所以闭包可以理解成“定义在一个函数内部的函数”。
闭包包含自由(未绑定到特定对象)变量,这些变量不是在这个代码块内或者任何全局上下文中定义的,而是在定义代码块的环境中定义(局部变量)。“闭包”一词来源于以下两者的结合:要执行的代码块(由于自由变量被包含在代码块中,这些自由变量以及它们引用的对象没有被释放)和为自由变量提供绑定的计算环境(作用域)。

如图所示:

 代码如下:

let x = '变量'
function f(){
   console.log(x)
}

闭包的作用:

        1.读取函数内部的变量
        2.让变量的值始终保持在内存中,比如循环注册事件,在事件中访问循环变量,需要用闭包来保持循环变量
        3.IIFE(立即调用的函数表达式),在引用了外部变量的时候,也会形成闭包,形成一个独立的作用域,防止变量污染
        

function num() {
    let a = 2

    function num1() {
        console.log(a)
    }
    return num1
}

let xxx = num1()
xxx()           // 2

上面的代码中,变量a和函数num组成了一个闭包。

return num1只是为了num1能够被使用,跟闭包无关。

优点:可以避免全局变量的污染

闭包注意点

        1.闭包会使得父级作用域的变量都被保存在内存中,内存消耗大,在IE中可能会导致内存泄漏。少用闭包,或者将不使用的局部变量全部删除
        2.父级作用域的变量是共享,一个闭包修改了变量的值,其他闭包的值获取的值也会发生变化,容易产生错误

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值