闭包

什么是闭包

闭包是指有权访问另一个函数作用域中的变量的函数,创建闭包的常见的方式,就是在一个函数内部创建另一个函数,通过另一个函数访问这个函数的局部变量。

function f1(){
   var n=999;
   return function (){
      console.log(n++);
     }
} 
var result=f1();
result(); // 999
result(); // 1000

当匿名函数被返回时,我们会初始化其作用域链,包含了f1()的活动对象和全局变量对象,这样匿名函数就可以访问f1()的变量,而且f1()函数执行完毕后,他的活动对象不会销毁,因为匿名函数的作用域链仍然保存着对他的引用。

1. 从理论角度来说:
所有的函数都是闭包。因为所有的函数在创建的时候就将上层的上下文的作用域链保存起来。即使在函数中访问了全局变量相当于访问自由变量。
2. 从实践角度:需要满足以下条件:

  1. 即使创建他的上下文已经销毁,他仍然存在
  2. 在代码中引用了自由变量(跨了自己的作用域的变量)

循环中的闭包

看下面这个例子:

function box(){
    var arr = [];
    for(var i=0;i<5;i++){
        arr[i] = function(){
            return i;                            
        }                                  
    }                               
    return arr;
}                           
console.log(box()[0]());      

结果是5,是数组中的第一个数返回的值,

为什么????

一个函数的创建伴随着他的执行环境和作用域链,我们需要在作用域中查找变量 i ,如果在当前的匿名函数内没有找到,那就要到上一层的作用域去找,找到 i 的值 。
作用域链的本质是指向变量对象的指针列表,不包含实际的变量对象。但是闭包中保存的的是整个变量对象,而不是某一个具体的值。所以每个匿名函数的父作用域是同一个,他们的 i 都指向同一个变量对象,最终的 i 是5。

解决方法:
function box(){
    var arr = [];
    for(var i=0;i<5;i++){
        arr[i] = (function(e){
             return e;               
        })(i)                       
    }             
    return arr;
}                       
console.log(box());   //输出 [0, 1, 2, 3, 4]

function box(){
    var arr = [];
    for(var i=0;i<5;i++){
        arr[i] = (function(e){
           return function(){
             return e;
           }                 
        })(i)                       
    }             
    return arr;
}                           
console.log(box()[0]());   //输出0,是数组中的第一个数

你可能感兴趣的:(闭包)