有时候， 需要以不同的参数调用某个URL，并且在回调函数中仍然可以访问正在使用的参数， 这时候， 需要使用闭包保存当前参数， 否则， 当回调函数执行时， 之前的参数很可能早已被修改为最后一个参数了。 具体见代码。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>关键词搜索</title>

<script type="text/javascript" src="jquery-1.10.2.min.js"></script>

<script>

     $(document).ready(function() {

         var index;

         var searchKeywords = ['一次', '一场', '举行'];

         var result = '第一种方式: <br/>';

         for (index=0; index<3; index++) {

              var keyword = searchKeywords[index];

              $.ajax({

                    url: 'servlets/KeySearchServlet',

                    data: { 'keywords': keyword },

                    dataType: 'text',

                    timeout: 60000,

                    success: function(data) {

                        result += 'index: ' + index + ', keyword: ' + keyword + '<br/>';

                        $('#resultRegion').html(result);

                        // output unexpected:

                            // index: 3, keyword: 举行

                            // index: 3, keyword: 举行

                            // index: 3, keyword: 举行

                    }

             });

         }

         var result2 = '第二种方式: <br/>';

         for (var index2=0; index2<3; index2++) {

             (function(index2) {

                 var keyword = searchKeywords[index2];

                 $.ajax({

                        url: 'servlets/KeySearchServlet',

                        data: { 'keywords': keyword },

                        dataType: 'text',

                        timeout: 60000,

                        success: function(data) {

                            result2 += 'index: ' + index2 + ', keyword: ' + keyword + '<br/>';

                            $('#resultRegion2').html(result2);

                            // output the expectation result

                            // index: 0, keyword: 一次

                            // index: 1, keyword: 一场

                            // index: 2, keyword: 举行

                        }

                  });

             })(index2);

         }

     });

</script>

<style type="text/css">

     #result {

        float: left;

        margin: 20px 50px;

     }

     #resultRegion, #resultRegion2 {

        overflow-y: auto;

        border: 3px outset #f58220;

        width: 500px;

        height: 100px;

        padding: 10px 10px 10px 30px;

        font-size: 11pt;

        /* Gecko browsers */

        -moz-border-radius: 5px;

        /* Webkit browsers */

        -webkit-border-radius: 5px;

        /* W3C syntax - likely to be standard so use for future proofing */

        border-radius:10px;

     }

</style>

</head>

<body>

     <div id="result">

          <p id="searchTip"> 结果对比: </p>

          <div id="resultRegion">

          </div>

          <div id="resultRegion2">

          </div>

     </div> 

</body>

</html>


结果：


												


											
使用匿名函数在回调函数中正确访问JS循环变量的更多相关文章
	

    
								
  1. C++中 线程函数为静态函数 及 类成员函数作为回调函数
		
    线程函数为静态函数: 线程控制函数和是不是静态函数没关系,静态函数是在构造中分配的地址空间,只有在析构时才释放也就是全局的东西,不管线程是否运行,静态函数的地址是不变的,并不在线程堆栈中static只 ...
    
		
    2. 
						
  2. C++中类成员函数作为回调函数
		
    注:与tr1::function对象结合使用,能获得更好的效果,详情见http://blog.csdn.net/this_capslock/article/details/38564719 回调函数是 ...
    
		
    3. 
						
  3. Go基础系列：函数(2)——回调函数和闭包
		
    回调函数和闭包 当函数具备以下两种特性的时候,就可以称之为高阶函数(high order functions): 函数可以作为另一个函数的参数(典型用法是回调函数) 函数可以返回另一个函数,即让另一个 ...
    
		
    4. 
						
  4. php自定义函数之回调函数
		
    回调函数,可以配合匿名函数和变量函数实现更加优美.复杂的一种函数结构.大理石平台价格 回调函数,就是在处理一个功能的时候,我让让这个功能自定义能力再强一些,我准许调用这个函数的时候,还可以传入一个函数 ...
    
		
    5. 
						
  5. php变量函数，回调函数
		
    一,变量可以直接传递函数 <?php function demo($num , $n )//$n是个函数 { for($i=0;$i<$num;++$i) { if($n($i)) { e ...
    
		
    6. 
						
  6. 【知识点】inline函数、回调函数、普通函数
		
    目录 一.inline内联函数 1.1 使用 1.2 编译器对 inline 函数处理步骤 1.3 优缺点 1.3.1 优点 1.3.2 慎用内联 1.3.3 不宜使用内联 1.4 虚函数(virtu ...
    
		
    7. 
						
  7. js中匿名函数和回调函数
		
    匿名函数: 通过这种方式定义的函数:(没有名字的函数) 作用:当它不被赋值给变量单独使用的时候 1.将匿名函数作为参数传递给其他函数 2.定义某个匿名函数来执行某些一次性任务 var f = func ...
    
		
    8. 
						
  8. JS中的匿名函数、回调函数、匿名回调函数
		
    工欲善其事必先利其器 在学习JavaScript设计模式一书时,遇到了“匿名回调函数”这个概念,有点疑惑,查找了些资料重新看了下函数的相关知识点之后,对这个概念有了认识.九层之台,起于垒土.在熟悉这一 ...
    
		
    9. 
						
  9. Python技法3：匿名函数、回调函数和高阶函数
		
    1.定义匿名或内联函数 如果我们想提供一个短小的回调函数供sort()这样的函数用,但不想用def这样的语句编写一个单行的函数,我们可以借助lambda表达式来编写"内联"式的函数 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. hdu1251 字典树or map
			
    一道字典树的题,不过看起来用map更为简单 传送门 题意: 给出一堆字符串构成一个字典,求字典里以某字符串为前缀的字符串有几个 思路: 输入字符串时把字符串的前缀全部存进map并标记次数 查询时直接输 ...
    
			
    2. 
						
  2. [CareerCup] 17.7 English Phrase Describe Integer 英文单词表示数字
			
    17.7 Given any integer, print an English phrase that describes the integer (e.g., "One Thousand ...
    
			
    3. 
						
  3. JAVA集合迭代遍历和特性介绍
			
    数组.集合:都是一种容器,用一个对象管理多个对象:数组不能自动增长:只能存放同类型的元素 集合能自动扩容:部分集合允许存放不同类型的元素: 1.List: 有顺序的,允许存放重复的元素: 遍历:for ...
    
			
    4. 
						
  4. PHP filesystem attack vectors
			
    http://www.ush.it/2009/02/08/php-filesystem-attack-vectors/ On Apr 07, 2008 I spoke with Kuza55 and  ...
    
			
    5. 
						
  5. bzoj4562: [Haoi2016]食物链--记忆化搜索
			
    这道题其实比较水,半个小时AC= =对于我这样的渣渣来说真是极大的鼓舞 题目大意:给出一个有向图,求入度为0的点到出度为0的点一共有多少条路 从入读为零的点进行记忆化搜索,搜到出度为零的点返回1 所有 ...
    
			
    6. 
						
  6. c语言.大数的输出
			
    转化成字符串,再用for循环输出: #include <stdio.h>#include <string.h>int main(){  char s[32];   int d, ...
    
			
    7. 
						
  7. 关于Java擦除特性
			
    package thinkingInJava; /* * 模拟擦除 */ public class SimpleHolder { private Object obj ; public void se ...
    
			
    8. 
						
  8. 关于struts2上传图片临时文件
			
    
			
    9. 
						
  9. vue 解决display与 transition冲突
			
    下边是vue的源码 var raf = inBrowser && window.requestAnimationFrame; var waitForTransitionStart =  ...
    
			
    10. 
						
  10. ExtJS笔记   Reader
			
    Readers are used to interpret data to be loaded into a Model instance or a Store - often in response ...
    
			
    11.