js的闭包

来源:互联网 发布:linux服务器改ip 编辑:程序博客网 时间:2024/04/29 11:37

js闭包简单理解就是定义在一个人函数内部的函数,在本质上闭包就是连接函数外部与函数内部的桥梁。

闭包的优缺点

优点:

  1. 可以让一个变量常驻内存 (如果用的多了就成了缺点
  2. 避免全局变量的污染
  3. 私有化变量

缺点

  1. 因为闭包会携带包含它的函数的作用域,因此会比其他函数占用更多的内存
  2. 引起内存泄露

例:

function a() {  var i = 0;  function b() {   alert(++i);  } return b;}var c = a();c();

深入理解闭包

如果要更加深入的了解闭包以及函数a和嵌套函数b的关系,我们需要引入另外几个概念:函数的执行环境(excution context)、活动对象(call object)、作用域(scope)、作用域链(scope chain)。以函数a从定义到执行的过程为例阐述这几个概念。

当定义函数a的时候,js解释器会将函数a的作用域链(scope
chain)设置为定义a时a所在的“环境”,如果a是一个全局函数,则scope chain中只有window对象。

当执行函数a的时候,a会进入相应的执行环境(excution context)。

在创建执行环境的过程中,首先会为a添加一个scope属性,即a的作用域,其值就为第1步中的scope
chain。即a.scope=a的作用域链。

然后执行环境会创建一个活动对象(call
object)。活动对象也是一个拥有属性的对象,但它不具有原型而且不能通过JavaScript代码直接访问。创建完活动对象后,把活动对象添加到a的作用域链的最顶端。此时a的作用域链包含了两个对象:a的活动对象和window对象。

下一步是在活动对象上添加一个arguments属性,它保存着调用函数a时所传递的参数。

最后把所有函数a的形参和内部的函数b的引用也添加到a的活动对象上。在这一步中,完成了函数b的的定义,因此如同第3步,函数b的作用域链被设置为b所被定义的环境,即a的作用域。

到此,整个函数a从定义到执行的步骤就完成了。此时a返回函数b的引用给c,又函数b的作用域链包含了对函数a的活动对象的引用,也就是说b可以访问到a中定义的所有变量和函数。函数b被c引用,函数b又依赖函数a,因此函数a在返回后不会被GC回收。

当函数b执行的时候亦会像以上步骤一样。因此,执行时b的作用域链包含了3个对象:b的活动对象、a的活动对象和window对象,如下图所示:
这里写图片描述
如图所示,当在函数b中访问一个变量的时候,搜索顺序是:
先搜索自身的活动对象,如果存在则返回,如果不存在将继续搜索函数a的活动对象,依次查找,直到找到为止。

如果函数b存在prototype原型对象,则在查找完自身的活动对象后先查找自身的原型对象,再继续查找。这就是Javascript中的变量查找机制。

如果整个作用域链上都无法找到,则返回undefined。

闭包的运用

1.匿名自执行函数

我们在实际情况下经常遇到这样一种情况,即有的函数只需要执行一次,其内部变量无需维护,比如UI的初始化,那么我们可以使用闭包:

> //将全部li字体变为红色 > (function(){    >     var els = document.getElementsByTagName('li');>     for(var i = 0,lng = els.length;i < lng;i++){>         els[i].style.color = 'red';>     }     })();   

我们创建了一个匿名的函数,并立即执行它,由于外部无法引用它内部的变量, 因此els,i,lng这些局部变量在执行完后很快就会被释放,节省内存! 关键是这种机制不会污染全局对象。

2.实现封装/模块化代码

var person= function(){        //变量作用域为函数内部,外部无法访问        var name = "default";           return {           getName : function(){               return name;           },           setName : function(newName){               name = newName;           }        }    }();console.log(person.name);//直接访问,结果为undefined    console.log(person.getName());  //default person.setName("jozo");    console.log(person.getName());  //jozo

3.实现面向对象中的对象

这样不同的对象(类的实例)拥有独立的成员及状态,互不干涉。虽然JavaScript中没有类这样的机制,但是通过使用闭包,
我们可以模拟出这样的机制。还是以上边的例子来讲:

function Person(){        var name = "default";           return {           getName : function(){               return name;           },           setName : function(newName){               name = newName;           }        }    };    var person1= Person();    print(person1.getName());    john.setName("person1");    print(person1.getName());  // person1  var person2= Person();    print(person2.getName());    jack.setName("erson2");    print(erson2.getName());  //person2

Person的两个实例person1 和 person2 互不干扰!因为这两个实例对name这个成员的访问是独立的 。

js的垃圾回收机制

主要有两种策略:标记清除与引用计数
标记清除:将所有存储在内存中的变量加上标记,然后去掉环境中变量的标记被环境中变量引用的变量的标记如果变量再次被标记,则被回收
引用计数:记录每个值被引用的次数,如果声明将一个引用类型的值赋给一个变量时,这个引用类型的值计数加一,若这个变量脱离了对这个引用类型的值的引用时,则减一,当引用计数为0时被回收

在Javascript中,如果一个对象不再被引用,那么这个对象就会被GC回收如果两个对象互相引用,而不再被第3者所引用,那么这两个互相引用的对象也会被回收。因为函数a被b引用,b又被a外的c引用,这就是为什么函数a执行后不会被回收的原因。

参考链接,查看更多 = =

0 0
原创粉丝点击