与setTimeout的

Question

返回$ .Deferred（）递归函数我有一个返回$.Deferred();

的功能如下递归函数：

var myTest = function (i, deferred) { 
    if (!deferred) { 
     deferred = $.Deferred(); 
    } 

    if (i < 3) { 
     i++; 
     console.log("Recursion (" + i + ")!"); 
     return myTest(i, deferred); 
    } else if (i === 3) { 
     console.log("Resolving!"); 
     return deferred.resolve("Woohoo, reached " + i + "!"); 
    } 
} 

/* Call it */ 
myTest(0).done(function (result) { 
    console.log(result); 
}); 

这使的预期输出：

Recursion (1)! 
Recursion (2)! 
Recursion (3)! 
Resolving! 
Woohoo, reached 3! 

但是，如果我将line 8更改为

setTimeout(function() { 
    return myTest(i, deferred); 
}, 500); 

失败。我如何添加一个超时到我的函数，但达到相同的结果？

JsFiddle original code

JsFiddle with timeout

Answer 1

如果我理解你想要什么......

var myTest = function (i) { 
 
    var deferred = $.Deferred(); 
 
    
 
    var interval = setInterval(function(){ 
 
    if (i < 3) { 
 
     i++; 
 
     console.log("Iteration (" + i + ")!"); 
 
    } else { 
 
     console.log("Resolving!"); 
 
     deferred.resolve("Woohoo, reached " + i + "!"); 
 
     clearInterval(interval); 
 
    } 
 
    }, 1000); 
 
    
 
    return deferred; 
 
} 
 

 
/* Call it */ 
 
myTest(0).done(function (result) { 
 
    console.log(result); 
 
});