js闭包的理解-目前网上分析的最透彻文章
2019-08-30

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;}

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