闭包与变量

为什么80%的码农都做不了架构师？>>>   

闭包：

维基上给出了两种解释：

1> 指引用了自由变量的函数。这个自由变量将和这个函数一同存在，即使已经离开了创造它的环境也不例外。

2> 由函数和与其相关的引用环境组合而成的实体。

 

我的理解：函数与其所在的词法作用域所构成的整体称之为闭包。它符合面向对象中的封装特性，某种程度上使用闭包进行面向对象编程。

在一些语言中，在函数中可以（嵌套）定义另一个函数时，如果内部的函数引用了外部的函数的变量，则可能产生闭包。运行时，一旦外部的 函数被执行，一个闭包就形成了，闭包中包含了内部函数的代码，以及所需外部函数中的变量的引用。其中所引用的变量称作上值(upvalue)。

 

由于函数的内部函数始终存储着外部函数的活动对象作用域链(包含外部函数中的变量)。因此,当内部函数引用外部函数的变量时,操作的是外部变量的指针。原因是，闭包函数的引用外部函数的变量是引用其地址，不是其值。

闭包可以读取上一级作用域的变量，并且存在延迟现象。

//  闭包,访问的是上一级函数中的变量的引用,不是真正的值。并且这个引用在上一级函数执行时,才会真正赋值。
function createFunctions() {
     var result = new Array();
     for (var i=0 ;i<10;i++) {
          result[i] = function () {
               return i;
          };
     }
     return result;
}
var arr = createFunctions();
alert(arr[8]());  //返回 10

解决方案：把上一级作用域的变量作为参数传递给本作用域。

//    如果需要直接使用该引用的值,可以通过传入参数的形式(这个参数是块级作用域,不会保留指针)。
function createFunctions() {
    var result = new Array();
     for (var i = 0; i< 10; i++) {
             // 函数表达式后可以跟(),单独的函数声明式不可以跟(),需要在其外面加 "()",类似为 (function xxx(){...})()。
         result[i] = function (num) {
             return function () {
                 return num;
             }
         }(i);
     }
     return result;
}

var arr = createFunctions();
alert(arr[8]());  //返回 8

在函数 createFunctions中,定义了一个变量 i。在内部函数 function() { return i; }中,引用了 createFunctions 的变量 i。并且 i 没有被销毁( result[i] 销毁了,function已经保存到数组中)。结果就是当 i 变为10时,所有的 i的指针都指向 10。此时, 执行赋值(将 i 赋值给所有 内部函数返回值), createFuctions 的活动对象作用域链被销毁,等价于变量 i 被销毁(其实还在内存中)。

可以这样调用 createFunctions()[0]() 、createFunctions()[1]() 、... 返回值都是10。

闭包无法读取上上一级作用域的局部变量，但可以访问全局变量。

//  闭包,最多只能访问上上一级的活动对象,无法访问上上一级的活动对象和全局对象。
var name = "this window3";
var object = {
    name: "my Object",

    getNameFunc : function () {
        return function () {
            return this.name;
        };
    }
};
alert(object.getNameFunc()());  //返回 this window3

解决方案：

//    如需访问上一级变量,可以借助上一级函数,让它存储它的上一级函数的引用。
var name = 'this window4'
var object = {
    name : 'my object',

    getNameFunc: function () {
        that = this;
        return function () {
            return that.name;
        }
    }
}
alert(object.getNameFunc()());

 

转载于:https://my.oschina.net/lemos/blog/816513