首页 > > 网页制作 > Javascript >

js闭包理解

2018-06-24 00:58:00来源：未知阅读 ()

为了完全理解这个老生常谈的东西，查来查去，算是初步知道这是个什么鬼，怎么用，为什么用

闭包：

外部函数定义的内部函数就是闭包。

闭包的作用及好处：

闭包给访问外部函数定义的内部变量创造了条件。也将关于函数的一切封闭到了函数内部，减少了全局变量，这也是闭包的真实含义。

在理解闭包之前.最好能先理解一下作用域链的含义,

简单来说,作用域链就是函数在定义的时候创建的,用于寻找使用到的变量的值的一个索引,

而他内部的规则是,把函数自身的本地变量放在最前面,把自身的父级函数中的变量放在其次,把再高一级函数中的变量放在更后面,以此类推直至全局对象为止.

当函数中需要查询一个变量的值的时候,js解释器会去作用域链去查找,从最前面的本地变量中先找,如果没有找到对应的变量,则到下一级的链上找,一旦找到了变量,则不再继续.如果找到最后也没找到需要的变量,则解释器返回undefined.

了解了作用域链,

我们再来看看js的内存回收机制,

一般来说,一个函数在执行开始的时候,会给其中定义的变量划分内存空间保存,以备后面的语句所用,等到函数执行完毕返回了,这些变量就被认为是无用的了.对应的内存空间也就被回收了.下次再执行此函数的时候,所有的变量又回到最初的状态,重新赋值使用.

但是如果这个函数内部又嵌套了另一个函数,而这个函数是有可能在外部被调用到的.并且这个内部函数又使用了外部函数的某些变量的话.

这种内存回收机制就会出现问题.

如果在外部函数返回后,又直接调用了内部函数,那么内部函数就无法读取到他所需要的外部函数中变量的值了.

所以js解释器在遇到函数定义的时候,会自动把函数和他可能使用的变量(包括本地变量和父级和祖先级函数的变量(自由变量))一起保存起来.也就是构建一个闭包,

这些变量将不会被内存回收器所回收,只有当内部的函数不可能被调用以后(例如被删除了,或者没有了指针),才会销毁这个闭包,而没有任何一个闭包引用的变量才会被下一次内存回收启动时所回收.

与普通函数的区别：

1,普通函数也能曝光内部的值。方法A定义全局变量，但占用的内存无法释放且函数使用的变量定义到了函数外部不便于理解和管理。方法B将内部变量当参数传递，此种方法不美观太丑陋。

2,函数每次执行时都会且只会初始化其内部变量，导致了闭包与普通函数的最大区别。就是每次调用普通函数时它内部都被初始化成一致状态，导致执行的结果是一致的。闭包不同，它的本质是内部函数，调用闭包只会初始化内部函数变量，外部函数的变量没有被初始化，实现了变量值的传递。外部函数只在定义闭包时被初始化。闭包消亡时内存被回收。

什么时候需要使用闭包：

当每次调用函数A时都要改变全局变量B，且B只与A有关。以往没有闭包时只能将B定义为全局变量，现在可以将B定义为A的内部变量，同时在A内部定义闭包C，并将C当值返回。

搞事情总得写点代码，那就写写吧：

 1 function gg(){
 2     var b = 0;
 3     return function(){
 4         b++;
 5         return b
 6     }
 7 }
 8 var tt = gg()；

 9 tt() //1
10 tt() //2
11 tt() //