js的闭包对于大家实际上并不陌生，但是真正敢说自己完全理解的人并不多。笔者在网上看到分析闭包的文章非常多，篇幅用的非常多，但是实际上分析的并不到位，或者根本就是不正确的。我有时候都在想，写这些文章的人自己未必真的理解了。今天我就为大家说到说到js的闭包，看完你百分百的能够理解。

说闭包之前，我们先要说一个js的概念

js的变量不是传统意义的变量，是一个广义的概念

例如：

1、var i=0;

2、var str=”china”;

3、var fun=function(){…}

第1个和第2个大家非常好理解，第3个简单的解释一下，它代表的是一个函数表达式，看到了吗？变量可以是一个函数，它实际上就是一个函数，要使用它直接就是fun();

如果想要了解更多的函数表达式的概念，大家可以去查一下相关资料，网上资料很多，也很容易看得懂。我就不多说了，OK！我讲闭包之前先要掌握的概念就是这么多！

 

进入正题：

网上使用最多的一个例子如：

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

网上的分析各种诡异看不懂，我直接给出我的结论，调用box()后，我们得到了一个数组，数组中是一个一个的函数表达式：

[

   function(){return i},

   function(){return i},

   function(){return i},

   function(){return i},

   function(){return i}

]

大家不要懵逼，这里很容易理解，我们看这里，在给数组arr赋值的时候，本来就是赋值的一个函数表达式

arr[i] = function(){
return i;
}

大家明白了吧，你自己完全也可以使用alert(box());打印结果进行验证，大家可能还有一点儿疑惑，我要的是值，不是表达式啊，很简单，获取函数表达式的值只需要在变量后面加一个()，所以

alert(box()[0]());结果是5，因为变量i现在的值是5，所以数组中的值都是5.就这么简单！

 

闭包可以干什么？闭包可以让外部访问内部的局部变量

还是以一个例子来解释：

function test(){
var i=6;
return i;
}

这就是一个最简单的闭包，局部变量通过函数返回。其它的应用都是类似，万变不离其宗！



 

版权声明：本文为pettyColorcat原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/pettyColorcat/p/9723554.html