循环中闭包

最新推荐文章于 2024-05-03 11:08:18 发布
最新推荐文章于 2024-05-03 11:08:18 发布
阅读量106 收藏
点赞数
分类专栏： javascript 文章标签： javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zxg656750891/article/details/84619312
版权 
 
 
 
 
 
<script type="text/javascript">
        function aa(){
            var a = [];
            var i;
            for (i = 0; i < 3; i++) {
                a[i] = function(){
                    return i;
                };
                
            }
            return a;
        }
        
        var fun = aa();
        alert(fun[0]()); //ouput 3
        alert(fun[1]()); //ouput 3
        alert(fun[2]()); //ouput 3
    </script>
    <script type="text/javascript">
        function aa(){
            var a = [];
            var i;
            for (i = 0; i < 3; i++) {
                a[i] = (function(x){
                    return x;
                })(i);
                
            }
            return a;
        }
        
        var fun = aa();
        alert(fun[0]); //ouput 0
        alert(fun[1]); //ouput 1
        alert(fun[2]); //ouput 2
    </script>
    <script type="text/javascript">
        function aa(){
            var a = [];
            var i;
            function n(x){
                return x;
            }
            for (i = 0; i < 3; i++) {
                a[i] = n(i);
                
            }
            return a;
        }
        
        var fun = aa();
        alert(fun[0]); //ouput 0
        alert(fun[1]); //ouput 1
        alert(fun[2]); //ouput 2
    </script>
 
 
 
 


                

        

        




    




    

      

        

            

              
                
                  zxg656750891
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
采用自执行的匿名函数解决for循环使用闭包的问题

				
			

			

				

					09-04
				

			

		

		

			
				
主要介绍了采用自执行的匿名函数解决for循环使用闭包的问题,很简单，但比较实用，需要的朋友可以参考下

			
		

	



                

              
                



	

		

			

				
					
循环中的闭包

				
			

			

				

					Lyrelion的博客
				

				

					11-27
					
					870
					
				

			

		

		

			
				
循环中的闭包

			
		

	



                


  
              

                


	

		

			

				
					
JS中如何理解经典案例 for 循环中的闭包

				
			

			

				

					Leo____Wang的博客
				

				

					04-28
					
					2985
					
				

			

		

		

			
				
js关于for循环中的闭包问题？

for(var i=0,arr=[];i&lt;=3;i++) { 
 arr.push(function(){alert(i)}); 
 }  
arr0;  // ?? 结果不是0 
arr1;  // ?? 全是4 
改装后 
for(var i=0,arr=[];i&lt;=3;i++) { 
        arr.push( 
           ...

			
		

	





	

		

			

				
					
for循环中的闭包应用

				
			

			

				

					qingliuFu的博客
				

				

					06-14
					
					1805
					
				

			

		

		

			
				
1、下面代码的输出为什么？使下面代码的输出结果为0 1 2 3 4，应如何修改下面的代码？请使用多种方式来实现for(var i=0;i&lt;5;i++){
  setTimeout(function(){
    alert(i);
  },100)
}
上述代码会输出5个5。因为setTimeout是一个异步任务，它会在循环完成后才进行，此时i=5.若要实现输出结果为0 1 2 3 4，也可...

			
		

	



		

			
		



	

		

			

				
					
for循环中的闭包问题

				
			

			

				

					长歌的博客
				

				

					09-11
					
					4091
					
				

			

		

		

			
				
先看一段代码


<ul>
	<li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
</ul>


var li=document.getElementsByTagName('li');
	var len=li.length;
	for(v...

			
		

	





	

		

			

				
					
浅谈JavaScript for循环 闭包

				
			

			

				

					10-22
				

			

		

		

			
				
下面小编就为大家带来一篇浅谈JavaScript for循环 闭包。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

			
		

	





	

		

			

				
					
详解Python循环作用域与闭包

				
			

			

				

					09-19
				

			

		

		

			
				
主要介绍了Python循环作用域与闭包，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

			
		

	





	

		

			

				
					
浅谈JS闭包中的循环绑定处理程序

				
			

			

				

					10-25
				

			

		

		

			
				
初学者经常碰到的,即获取HTML元素集合，循环给元素添加事件。在事件响应函数中(event handler)获取对应的索引。但每次获取的都是最后一次循环的索引。原因是初学者并未理解JavaScript的闭包特性。

			
		

	





	

		

			

				
					
for循环中的闭包问题及解决方案

				
			

			

				

					学无止境
				

				

					08-07
					
					5430
					
				

			

		

		

			
				
说到闭包，我们首先来看一个最最简单的例子，也是最最基础的例子：为多个相同的元素，绑定事件，在点击每一个元素时，提示被点击元素的排列位置。    
        栏目1
        栏目2
        栏目3
        栏目4
    
拿到手的第一反应就是for循环添加点击事件了（添加索引值也可以！）
这里讨论闭包解决！（i=4   ，一直弹4，好烦！）
function b

			
		

	





	

		

			

				
					
前端基本知识（三）：JS的闭包理解（第一个思考题有错误，已修改）

				
			

			

				

					weixin_30740295的博客
				

				

					03-01
					
					196
					
				

			

		

		

			
				
JS闭包的理解

一、变量的作用域
二、如何从外部读取局部变量
三、什么是闭包
四、深入理解闭包
五、闭包的用途
六、使用闭包注意情况
七、JavaScript的垃圾回收机制
八、一些思考题

一、变量作用域
1、要理解闭包，我们先来看一下JavaScript的特殊的变量作用域。
变量的作用域无非是两种，全局变量和局部变量。
JavaScript语言的独特之处是：函...

			
		

	





	

		

			

				
					
如何获取闭包中循环的i值

				
			

			

				

					charlene0824的博客
				

				

					05-20
					
					2857
					
				

			

		

		

			
				
假设有这样的一个问题：ul中含有多个li标签，我们想对每个li绑定点击事件，并且打印出该li为第几个li元素一般写法是写一个for循环var lis = document.getElementsByTagName("li");
 for (var i = 0; i < lis.length; i++) {
    lis[i].onclick = function(){        console

			
		

	





	

		

			

				
					
let解决for循环中的闭包

				
			

			

				

					pardon110的博客
				

				

					11-07
					
					1997
					
				

			

		

		

			
				
场景


闭包产生

内部函数依赖了外部作用域变量，即内部持有外部引用不释放
变量的本质其实就是一个占位符，其值才是真正操作对象
值可以是各语言的标量，也可以是内存地址（即通俗的引用类型）



var VS let

let 块级用域（ES5之前的js不存在块级作用域）
在一个块级作用域内，let 声明 的变量只会在该区域内存续
var 不存在块的问题



与for的关系

var 初始变量在...

			
		

	





	

		

			

				
					
JavaScript—在循环中创建闭包：一个常见错误

				
			

			

				

					此博客已停用，博文会逐渐转移到新地址，http://blog.csdn.net/liupeifeng3514
				

				

					03-05
					
					488
					
				

			

		

		

			
				
在循环中创建闭包：一个常见错误EDIT

在 JavaScript 1.7 引入 let 关键字 之前，闭包的一个常见的问题发生于在循环中创建闭包。参考下面的示例：
p id="help">Helpful notes will appear herep>
p>E-mail: input type="text" id="email" name="email">p>
p>Name: input 

			
		

	





	

		

			

				
					
闭包的应用和其好处

				
			

			

				

					qq_45011985的博客
				

				

					07-09
					
					320
					
				

			

		

		

			
				
1、什么是闭包？

闭包的概念


闭包就是函数嵌套，让局部变量变成自由变量的环境，是一种让局部变量进化的方式，定义在一个函数内部的函数。


垃圾回收机制：用过一次的东西，先放在一个内存中，不立即删掉，可以随时进行还原或再次使用，直到没有任何作用的时候再清除

2、闭包的应用场景

for循环之中：


for循环之中的i变量会因为for的循环次数被覆盖，所以在for循环内部存在函数时，而且这个...

			
		

	





	

		

			

				
					
JS函数与闭包问题

				
			

			

				

					qq_46031627的博客
				

				

					02-18
					
					238
					
				

			

		

		

			
				
函数
1、定义
1.1函数声明
        function test(){ 
        }

1.2函数表达式
       1.2.1.命名函数表达式
        var test = function abc(){
            document.write('a');
        }
       1.2.2.匿名函数表达式------函数表达式
       ...

			
		

	





	

		

			

				
					
vue快速入门（五十）重定向

					
最新发布

				
			

			

				

					不起眼小菜菜的博客
				

				

					05-03
					
					372
					
				

			

		

		

			
				
注释很详细，直接上代码……

			
		

	





	

		

			

				
					
bpmn-js推荐几款常用的插件

				
			

			

				

					飞云先生
				

				

					04-30
					
					158
					
				

			

		

		

			
				
bpmn-js整体框架库的风格是以组件的方式进行实现的，这样的结构也更加便于我们更好的对其进行功能扩展，以及客制化功能实现。其实bpmn.io已经为我们实现了较多场景的组件的实现，了解对应组件的功能更能便于我们区分是否需要自己实现，降低重复造轮子的行为，提高开发效率，本篇文章主要是介绍常见的bpmn-js中使用的组件库。

			
		

	





	

		

			

				
					
c#闭包以及foreach中的闭包；

				
			

			

				

					05-28
				

			

		

		

			
				
C#中的闭包是指一个函数能够访问它外部的变量，即使这些变量在函数外部定义。闭包可以在函数内部创建，也可以作为函数的返回值返回。

下面是一个简单的闭包示例：

```
public Func<int, int> Add(int a)
{
    return b => a + b;
}

// 调用
Func<int, int> add5 = Add(5);
int result = add5(3); // result = 8
```

在上面的代码中，Add方法返回一个匿名函数，这个匿名函数能够访问Add方法中的变量a。当我们调用Add(5)时，会返回一个函数，这个函数会将传入的参数b加上a，然后返回结果。

关于foreach中的闭包，需要注意的是，foreach循环变量会在每次迭代中重新赋值，因此如果在循环体内部使用匿名函数访问循环变量，可能会导致意外的结果。例如：

```
List<Func<int>> funcs = new List<Func<int>>();
int[] nums = { 1, 2, 3 };
foreach (int num in nums)
{
    funcs.Add(() => num);
}

foreach (Func<int> func in funcs)
{
    Console.WriteLine(func());
}
```

上面的代码中，我们在第一个foreach循环中向一个List中添加了三个匿名函数，这些匿名函数都返回循环变量num。在第二个foreach循环中，我们依次调用了这三个函数，期望的结果是输出1、2、3。但实际上，输出的结果都是3，这是因为在第一个foreach循环中，循环变量num在每次迭代中都被重新赋值，而匿名函数中访问的是循环变量的引用，最终所有的函数都返回了最后一次迭代中的值3。

为了避免这种问题，我们可以在循环体内部创建一个局部变量来保存循环变量的值，然后在匿名函数中访问这个局部变量，例如：

```
List<Func<int>> funcs = new List<Func<int>>();
int[] nums = { 1, 2, 3 };
foreach (int num in nums)
{
    int temp = num;
    funcs.Add(() => temp);
}

foreach (Func<int> func in funcs)
{
    Console.WriteLine(func());
}
```

这样就可以输出期望的结果了。

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值