JavaScript闭包实例详解

一、充电

1、一切（引用类型）都是对象，对象是属性的集合。

2、函数是一种对象，但是函数却不像数组一样——你可以说数组是对象的一种，因为数组就像是对象的一个子集一样。但是函数与对象之间，却不仅仅是一种包含和被包含的关系，函数和对象之间的关系比较复杂，甚至有一点鸡生蛋蛋生鸡的逻辑。

function Fn() {this.name = '王福朋';this.year = 1988;}var fn1 = new Fn();var obj = { a: 10, b: 20 };等价于var obj = new Object();obj.a = 10;obj.b = 20;var arr = [5, 'x', true];等价于var arr = new Array();arr[0] = 5;arr[1] = 'x';arr[2] = true;

对象是函数创建的，而函数却又是一种对象。

3、每个函数都有一个属性叫做prototype。这个prototype的属性值是一个对象（属性的集合，再次强调！），默认的只有一个叫做constructor的属性，指向这个函数本身。

4、每个对象都有一个__proto__属性，指向创建该对象的函数的prototype。这个__proto__是一个隐藏的属性，JavaScript不希望开发者用到这个属性值，有的低版本浏览器甚至不支持这个属性值。obj.__proto__=== Object.prototype

二、闭包

1、闭包的基本概念

有权访问另一个函数作用域中的变量的函数。简单理解为“定义在一个函数内部的函数”例如：

function createComparisonFunction(propertyName){ return function(object1,object2){//匿名函数 value1=object1[propertyName]; value2=object2[propertyName]; if(value1<value2){ return -1; }else if(value1>value2){ return 1; }else{ return 0; } } } //创建函数 var compareNames=createComparisonFunction("name"); //调用函数 var result=compareNames({name:"Nicolas"},{name:"Greg"}); //解除对匿名函数的引用（以便释放内存） compareNames=null; alert(result);//1 

(1).好处：保护函数内的变量安全,加强了封装性；在内存中维持一个变量（缓存）；匿名自执行函数；模拟面向对象编程。

(2).应用场景：使用闭包代替全局变量；函数外或在其他函数中访问某一函数内部的参数；包装相关功能；为节点循环绑定click事件，在事件函数中使用当次循环的值或节点，而不是最后一次循环的值或节点；

(3).缺点：常驻内存，会增大内存使用量，使用不当很容易造成内存泄露，更重要的是，对闭包的使用不当会造成无效内存的产生。

只要存在调用内部函数的可能，JavaScript就需要保留被引用的函数。而且JavaScript运行时需要跟踪引用这个内部函数的所有变量，直到最后一个变量废弃，JavaScript的垃圾收集器才能释放相应的内存空间。父函数定义的变量在子函数的作用域链中，子函数没有被销毁，其作用域链中所有变量和函数就会被维护，不会被销毁。