js闭包

YumEllen

于 2019-08-03 23:08:20 发布

阅读量206

点赞数 1

分类专栏： JavaScript

本文链接：https://blog.csdn.net/CcA_Lin/article/details/98391607

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

首先要明白闭包的概念

“闭包是指有权访问另一个函数作用域中的变量的函数。”（《JavaScript高级程序设计》）根据上一节有关作用域的知识我们知道，函数可以访问外部函数的变量，但不可访问内部函数和同级函数的变量，因此，这个“另一个函数”应该指的是“外部函数”。

“闭包是函数和声明该函数的词法环境的组合。”（MDN中定义）也就是说闭包不止是那个函数，还包括它可访问的外部函数的变量等。

创建闭包的常见方式，就是在一个函数内部创建另一个函数。但需要注意，并不是单纯的函数嵌套函数。

我们知道，当函数执行完毕后，局部活动对象就会被销毁，内存中仅保存全局作用域。但是，闭包的情况又有所不同。外部函数在执行完毕后，其活动对象并不会被销毁，因为匿名函数的作用域链仍然在引用这个活动对象。也就是说，当外部函数执行后，其执行环境的作用域链会被销毁，但它的活动对象仍然会留在内存中，直到内部函数被销毁后，外部函数的活动对象才会被销毁。

注意点一：闭包只能取得包含函数中任何变量的最后一个值。

举个简单的栗子：

function f(){
    var arr = new Array();
    
    for (var i = 0; i < 5; i++){
        arr[i] = function(){
            return i;
        }
    }
    
    return arr;
}

这个函数会返回一个函数数组。表面上看，似乎每个函数都应该返回自己的索引值，如位置为0的函数返回0.但实际上，每个函数都返回5.循环中创建了5个函数，每个函数的作用域链中都保存着f()函数的活动对象,所以它们引用的是同一个变量i。而当f()函数返回后5，此时每个函数都引用着保存变量i的同一个变量对象，所以在每个函数内部i的值都是5。

那么该如何才能达成我们预期的效果呢？可以通过创建另一个匿名函数,用该函数的参数绑定循环变量当前的值，无论该循环变量后续如何更改，已绑定到函数参数的值不变，如下所示：

function f(){
    var arr = new Array();
    
    for (var i = 0; i < 5; i++){
        arr[i] = function(num){
            return function(){
                return num;
            };
        }(i);
    }
    
    return arr;
}

在这里我们没有直接将闭包赋给数组，而是定义了一个匿名函数，并将立即执行该匿名函数的结果赋值给数组。在调用每个匿名函数时，我们传入了变量i。由于函数参数是按值传递的，所以会将变量i的当前值复制给参数num。而在这个匿名函数内部，又创建并返回了一个访问num的闭包。这样arr数组中每个函数都有自己num变量的一个副本，因此就可以返回各自不同的数值了。

注意点二：this的指向

我们知道，this是在运行时基于函数的执行环境绑定的。而匿名函数的执行环境具有全局性，因此其this对象通常指向window。举一个简单的栗子：

var name = "The window";

var object = {
    name = "The object";
    
    getName = function(){
        return function(){
            return this.name;
        };
    }
};

alert(object.getName()());  //返回“The window”

我们知道，每个函数在被调用时都会自动取得两个特殊变量：this和arguments。内部函数在搜索这两个变量时，只会搜索到其活动对象为止，因此永远不可能直接访问外部函数中的这两个变量。不过，把外部作用域中的this对象保存在一个闭包能够访问到的变量里，就可以让闭包访问该对象了，如下所示：

var name = "The window";

var object = {
    name = "The object";
    
    getName = function(){
        var that = this;
        return function(){
            return thst.name;
        };
    }
};

alert(object.getName()()); // 返回“The object”

OK那闭包到底是做什么用的呢？

我们知道，java用private修饰成员变量来封装私有变量。js没有class等，但通过闭包可实现封装私有变量
使用闭包可访问到内部变量；
当我们希望某些变量一直存储在内存中时可用到闭包，比如有一个处理过程很耗时的函数对象，每次调用都会很费时，那么我们就需要将计算出来的值存储起来，当调用这个函数的时候，首先在缓存中查找，如果找不到，则进行计算，并更新缓存并返回值，如果找到了，直接返回查找到的值即可。
当有些函数只需要执行一次，且变量不需要维护时可用闭包。通过匿名自执行函数，变量在执行完后很快释放，且不会污染全局对象。