您的位置:首页 - 教程 - JavaScript - 正文
JS闭包新手入门总结
/**************作用域*****************/
首先理解闭包,就必须先理解JS特殊的变量作用域。

变量的作用域无非就是两种:全局变量和局部变量。

JS的特殊之处就是在于函数内部可以直接读取局部变量。
另一方面,在函数外部自然无法读取函数内的局部变量。、

需要注意的的是函数内部声明变量的时候,一定要使用var命令。如果不用的话,其实声明了一个全局变量。

如何从外部读取局部变量,就是在函数的内部,在定义一个函数。

既然f2可以读取f1中的局部变量,那么只要把f2作为返回值,我们不就可以在f1外部读取它的内部变量了吗!


Js代码

  function f1(){

    n=999;//全局变量

    function f2(){
      alert(n);
    }

    return f2;

  }

  var result=f1();

  result(); // 999



/************* 闭包**************/
1.概念
闭包就是能够读取其他函数内部变量的函数。


由于在JS中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成“定义在一个函数内部的函数”。


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

2.用途
闭包最大的用处有两个,一个便是可以读取函数内部的变量。另一个就是让这些变量的值始终保持在内存中。

3.使用闭包的注意点
由于闭包会使得函数值的变量都被保存在内存中,内存的消耗会很大,所以不能滥用闭包,否则会使网页的性能降低,在IE中可能会导致内存泄露问题。解决办法就是,在退出函数之前,将不适用的局部变量全部删除。

闭包会在父函数的外部,改变父函数内部变量的值,所以,如果你把父函数当做对象object使用,把闭包当做它的公用方法,把内部变量当做它的私有属性,这时,不能随便改变父函数内部变量的值。



/************* 闭包的应用机制**************/
通过保护变量的安全实现JS私有属性和私有方法(不能被外部访问)
function Constructor(...){
var that = this;
var membername = value;
function membername(...){...}
}
以上三点是闭包最基本的应用场景,很多经典案列都源于此。



/************* JS的垃圾回收garbage collection机制**************/
在JS中,如果一个对象不再被引用,那么这个对象就会被GC回收。如果两个对象互相引用,而不是被第三者所引用,那么两个互相引用的对象也会被回收,因为函数a被b引用,b又被a外的c引用,这就是为什么函数a执行后不会被回收的原因。



/************* 总结**************/
当内部函数在定义它的作用域的 外部被引用时,就创建了该内部函数的闭包,如果内部函数引用了位于外部函数的变量,当外部函数调用完毕后,这些变量在内存不会被释放,因为闭包需要他们。

官方的解释:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式,通常是一个函数,其实通俗来讲,JS中所有的function都是一个闭包,不过一般来说,嵌套的function所产生的闭包更为强大,也就是我们大部分所谓的闭包。



如图所示,当在函数b中访问一个变量的时候,搜索顺序是:

先搜索自身的活动对象,如果存在则返回,如果不存在将继续搜索函数a的活动对象,依次查找,直到找到为止。
如果b存在prototype原型对象,则在查找完自身的活动对象后先查找自身的原型对象,再继续查找,这就是JS中的变量查找机制。
如果整个作用域链都无法找到,也就是找到object时,也没有,则返回undefined。

在文中会提到两个重要的词语,函数的定义与执行,文中提到的函数的作用域是在定义函数时候就已经确定,而不是在执行的时候确定。
例如:

function f(x) {
var g = function () { return x; }
return g;
}
var h = f(1);
alert(h());
这段代码中变量h指向了f中的那个匿名函数(由g返回)。

假设函数h的作用域是在执行alert(h())确定的,那么此时h的作用域链是:h的活动对象->alert的活动对象->window对象。
假设函数h的作用域是在定义时确定的,就是说h指向的那个匿名函数在定义的时候就已经确定了作用域。那么在执行的时候,h的作用域链为:h的活动对象->f的活动对象->window对象。
如果第一种假设成立,那输出值就是undefined;如果第二种假设成立,输出值则为1。

运行结果证明了第2个假设是正确的,说明函数的作用域确实是在定义这个函数的时候就已经确定了。

评论: