JS中的闭包

一.闭包的概念:

  闭包指的是那些引用了另一个函数作用域中变量的函数,通常是在嵌套函数中实现的。

 function  creatFunction(propName){
        return function(o1,o2){
            let value1=o1[propName];
            let value2=o2[propName];
            if(value1<value2){
                return -1;
            }
            else if(value1>value2){
                return 1;
            }
            else{
                return 0;
            }
        }
    }

在上述代码中,给value1,value2赋值的代码位于内部函数(匿名函数中),在赋值的代码中引用了外部函数的变量propName.在这个内部函数被返回并且在其他地方被使用时,它仍然会引用着外部函数的变量。这个因为内部函数的作用域链包含 creatFunction()函数的作用域。为什么会这样,要从第一次调用函数会发生什么说起。

二.闭包的形成过程

     首先,调用一个函数时,会为这个函数创建一个执行上下文,并创建一个作用域链。然后会使用arguments和其他命名参数来初始化这个函数的活动对象。外部函数的活动对象是内部函数作用域链上的第二个对象。这个作用域链一直向外串起了包含函数的所有活动对象,一直到全局执行上下文才会终止。

        在函数执行的时候,每个执行上下文都会有一个包含其中变量的对象。全局上下文中的叫变量对象,它会在代码执行期间始终存在;函数局部上下文中的叫活动对象,它只在函数执行期间存在。

        作用域链实际上是一个包含指针的列表,每个指针分别指向一个变量对象,但是在物理上并不会包含相应的对象。函数代码的内部在访问变量时,就会使用给定的名称从作用域中查找变量,在函数执行完毕后,局部活动对象就会被销毁,在内存中就只剩下全局作用域。但是,这个过程在闭包中就不一样了。

        在一个函数内部定义的函数会把外部函数的活动对象添加到自己的作用域链中,所以,在creatFunction()函数中,匿名函数的作用域链实际上包含了creatFunction()的对象。

        在creatFunction()中返回匿名函数之后,它的作用域链被初始化为包含了creatFunction()的活动对象和全局变量对象,这样,匿名函数就可以访问到creatFunction()函数可以访问的所有变量。但是,这样会引发一个副作用,那就是creatFunction()函数的活动对象并不能在它执行完毕后销毁,因为匿名函数的作用域链中仍然存在对它的引用。在creatFunction()执行完毕之后,它的执行上下文的作用域链会被销毁,但是它的活动对象任然保留在内存之中,直到匿名函数被销毁之后才会被销毁。

三.闭包中的this对象

     如果内部函数没有使用箭头函数定义,那么this对象会在运行时绑定到执行函数的上下文,如果在全局函数中调用,在非严格模式下,this等于window,在严格模式下,this等于undefined。如果作为某个对象的方法调用,那么this指向这个对象。但是,内部函数不能直接访问外部函数的this和arguments这两个变量,可以把外部函数的this保存到闭包可以访问到的另一个变量中。

四.闭包的弊端

      因为闭包会保留包含闭包函数的作用域,引用着其活动对象,只要这个匿名函数存在,其包含闭包函数的活动对象就不会被回收,就会出现内存泄漏的现象;还会比其他函数会占用更多的内存,过度使用闭包会导致内存过度占用。

 

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值