学习javascript闭包

分手后的思念是犯贱 2022-06-08 03:05 227阅读 0赞

**闭包**：是指有权访问另一个函数作用域变量的函数。

**创建闭包的常见方式**就是在一个函数内创建另一个函数。

理解**如何创建作用域链以及作用域链的用途**对于理解闭包非常重要。作用域链本质上是一个指向变量对象的指针列表，它只引用但不实际包含变量对象。无论在任何时候在函数中访问一个变量时，就会从作用域链中搜索相应名字的变量。

当某个函数被调用时，会创建一个执行环境（execution context）及相应的作用域链。然后使用arguments和其他命名参数来初始化活动对象（activation object）。但在作用域链中，外部函数的活动对象始终处于第二位，外部函数的外部函数的活动对象处于第三位……直至作用域终点的全局作用域。

一般来讲，当函数执行完毕后，局部活动对象会被销毁，内存中仅保存全局作用域（全局执行环境的变量对象），但是闭包的情况又有不同。

作用域链的这种配置机制引出了一个值得注意的副作用，即：**闭包只能取得包含函数中任何变量的最后一个值。**闭包保存的是整个变量对象而不是某个特殊的变量。  
观察下面代码：

结果：  
![这里写图片描述][SouthEast]

unction createFunctions(){
        var result=new Array();
        for( var i=0;i<10;i++){
            result[i]=function(num){ 
                return num;
            }(i);
        }
        for(var i=0;i<result.length;i++){
            console.log(result[i]);
        }
    }
    createFunctions();

结果为：  
![这里写图片描述][SouthEast 1]

结果同上。

**闭包中使用this对象：**  
我们知道在闭包中，this对象是在运行时基于函数的执行环境绑定的：在全局函数中，this指向window，而当函数被当作某个对象的方法调用时，this指向那个对象。不过，匿名函数的执行对象具有全局性，因此其this对象通常指向window，不过，通常由于编写闭包的方式不同，这一点可能不会那么明显。

如下代码，注意区分：

第二个代码和第一个代码的不同之处在于：在定义匿名函数前，我们把this对象付给了一个名为that的变量。而在定义了闭包之后，闭包仍然可以访问这个变量，因为它是我们在包含函数中特意声明的一个变量。

注意：this和arguments存在同样的问题，如果想访问作用域链中arguments对象，必须将对该对象的引用保存在另一个闭包也能访问的变量中。

以下几种情况也可能会导致this对象的改变：

var name="This window";
        var object= {
            name: "my object",
            getName: function () {
                return this.name;
            }
        };
    
            console.log(object.getName());//my object
            console.log((object.getName()));//my object
            console.log((object.getName=object.getName)());//this window

这个例子说明了，即使是细微的改变，都有可能意外改变this的值。

[SouthEast]: /images/20220608/b5c6b7ac086f4ffd91e752873d918d3e.png
[SouthEast 1]: /images/20220608/9b73c55cdd784257b4cfc40d09857265.png