递归方法决策问题的事件

Question

如果我叫测试（3）我得到警报，消息1

function test(param) { 

    var tt = [ "a", "b", "c" ]; 
    for (var i = 0; i < param; i++) { 
     if (tt[i] == "b") { 
      test(1); 
      alert(i); 
     } 
    } 
} 

，但它不是在成功事件正常工作。如果我在方法测试（3）下面打电话，请考虑从请求中获得成功。我收到警报，消息3

function test(param) { 

    var tt = [ "a", "b", "c" ]; 
    for (var i = 0; i < param; i++) { 
     if (tt[i] == "b") { 
      Ext.Ajax.request({ 
       url : 'test.do', 
       method : 'POST', 
       success : function(response) { 
        test(1); 
        alert(i); 
       } 
      }); 
     } 
    } 
} 

Answer 1

好吧，这是你的代码：http://jsfiddle.net/848AE/1/

看在控制台（我改变成功事件失败，但它并不重要）。

function test(param) { 
    console.log('------------------------------'); 
    console.log('param = ' + param); 
    var tt = [ "a", "b", "c" ]; 
    for (var i = 0; i < param; i++) { 
     console.log('Before if-check, i = ' + i); 
     if (tt[i] == "b") { 
      console.log('Request start, after if-check i = ' + i); 
      Ext.Ajax.request({ 
       url : 'test.do', 
       method : 'POST', 
       failure: function(response) { 
        console.log('Failure start, i = ' + i); 
        test(1); 
        console.log('Alert(i) = ' + i); 
       } 
      }); 
      // break; 
     } 
    } 
} 

test(3); 

日志从第一码（在没有休息周期字）：

------------------------------ 
param = 3 
Before if-check, i = 0 
Before if-check, i = 1 
Request start, after if-check i = 1 
Before if-check, i = 2 
POST http://fiddle.jshell.net/_display/test.do 404 (NOT FOUND) ext-all.js:21 
Failure start, i = 3 
------------------------------ 
param = 1 
Before if-check, i = 0 
Alert(i) = 3 

正如你所看到的，当你开始请求，功能并没有停止执行，并继续工作的周期（我= 2,3）。所以，当你从服务器获得响应时，变量i的值为3.

然后，您调用具有参数1的函数，它完成并返回失败函数，但在失败函数范围内，变量i的值仍然为3

因此，如果我理解你的话，你必须在代码注释中添加循环中的break字。

编辑：

如果你喜欢与暂停，直至回调执行，以执行在循环请求，有没有记录属性：

var response = Ext.Ajax.request({ 
    ... 
    async: false, 
    ... 
}) 

结果与异步：假：

param = 3 
Before if-check, i = 0 
Before if-check, i = 1 
Request start, after if-check i = 1 
POST http://fiddle.jshell.net/_display/test.do 404 (NOT FOUND) ext-all.js:21 
Failure start, i = 1 
------------------------------ 
param = 1 
Before if-check, i = 0 
Alert(i) = 1 
Before if-check, i = 2 

Answer 2

你需要把i放在一个封闭物周围你的异步函数调用。您可以通过使用IIFE认识到这一点，创建for循环内的范围，其中的i值保留：

for (var i = 0; i < param; i++) { 
    if (tt[i] == "b") { 
     (function(i){ 
      Ext.Ajax.request({ 
       url : 'test.do', 
       method : 'POST', 
       success : function(response) { 
        test(1); 
        alert(i); 
       } 
      }); 
     }(i)); 
    } 
} 

但它看起来像，你只需要i的警报消息，其可能仅用于调试目的。所以如果一切正常，并且你真的不需要在回调函数（success）中访问i，那么你也不需要额外的范围。