js闭包实例汇总

Js闭包

闭包前要了解的知识

1. 函数作用域

(1).Js语言特殊之处在于函数内部可以直接读取全局变量

代码如下:

如果在PHP里

代码如下:

(2).在函数外部无法读取函数内的局部变量

代码如下:

注意函数内部声明变量时一定要加var,否则就声明了一个全局变量

代码如下:

//当然在PHP里更是如此了，

代码如下:

//没global的话，一样会报没定义的错误

有时，需要得到函数内部的的局部变量，就需要变通的方法实现利用js变量作用域的特点，如在函数内部定义子函数，对于子函数来说，父函数就是它的全局，子函数可以访问父函数里的变量(对于整个js代码来说又是局部变量)

代码如下:

Parent内部所有局部变量对其子函数来说都是可见的,但其子函数内的局部变量对其父函数是不可见的，这就是js特有的链式作用域结构,子对象会一级一级地向上查找所有父对象的变量,父对象的所有变量对子对象都是可见的，反之不成立！上面的son函数就是闭包有些同学可能这样

代码如下:

函数son未定义

注意在javascript里，在函数里声明的函数都是局部的，函数运行完后就释放了注意这点与PHP的区别

代码如下:

闭包

函数内部定义函数，连接函数内部和外部的桥梁闭包的作用有2个: 一是前面提到的读取函数内部的变量，二是让这些变量的值保存在内存中，实现数据共享下面是几个闭包的例子

代码如下:

把匿名函数的执行结果(即对里面子函数的声明赋给全局变量cut),i就保存在内存里了执行cut()时就直接从内存取值了,i只有cnt()函数才能调用，直接alert(i)是不行的还可以向闭包内传参

代码如下:

调用时传参
var cnt=(function(){
 var i=0;
return function(num){
 num+=i;
 alert(num);
 i++;
 }
})();
cnt(1);//1
cnt(2);//3
cnt(3);//5

为了对闭包有更好的理解，我们看以下代码比如我想返回一个数组，数组里面有5个函数，第一个函数弹出0，第二个弹出1... 代码如果这样写

代码如下:

Box(){ var arr=[]; for(i=0;i<5;i++){ arr=function(){return i;} } return arr; } var a=Box(); alert(a);//包含五个函数体的数组 alert(a[0]()); alert(a[1]());

弹出的函数体 function(){return i;} } 最后这个i是4,之后++成为5 For循环停止发现均弹出5，明显不符合我们的要求

解决方案1

自我即时执行里面的函数

代码如下:

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

但是我们发现返回的数组里的元素是函数执行的结果，但我们想要的是函数有得升级我们的代码

解决方案2

闭包实现

代码如下:

Box(){ var arr=[]; for(var i=0;i<5;i++){

arr=(function(num){ return function(){return num;} })(i);

} return arr; }

var arr=Box();

for(var i=0;i<5;i++){

alert(arr());//0,1,2,3,4 }

关键代码

代码如下:

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

1时

arr[1]=(function(num){return function(){return num;}})(1);

以上就是闭包的好处！非常简单实用吧。

原文地址：https://www.jb51.cc/js/57353.html

js 实例实例实例闭包闭包闭包闭包

上一篇：浅谈JS闭包中的循环绑定处理程序下一篇：js闭包的用途详解

Js闭包

1. 函数作用域

闭包

解决方案1

解决方案2

相关推荐