js的promise如何递归调用？
有一个通过ajax获取长列表的需求，因为不知道列表总长度，所以一次ajax获取100，递归调用ajax函数直到返回为空为止。
用callback形式的ajax很好做
//假如用jQuery
function get(p) {
$.get(url + "?page=" + p,function(data){
if(data.list.length) {
list.push(data.list);
page += 1;
get(page);
}
});
}
var list = [], page = 1 ,url= ".......";
get(page)
用promise该怎么写？
维尔金·沃特
11 years, 2 months ago
Answers
好问题，正中Promise机制的核心之一：
then
方法返回另一个promise2，其内容是由回调方法的返回值决定的；回调中可以返回promise3，使外面的promise2的内容成为promise3的内容
也就是说，如果要用promise来递归，只需要在then回调中返回递归promise即可
//有没有注意到原来的闭包变量传值不见了？题主原来的实现中，get方法和外界变量耦合，非常危险
//假如用jQuery
function get(url, p) {
return $.get(url + "?page=" + p)
.then(function(data) {
if(!data.list.length) {//递归结束条件
return [];
}
return get(url, p+1)//递归调用
.then(function(nextList) {
return [].concat(data.list, nextList);//合并递归内容
});
});
}
get("urlurl", 1).then(function(list) {
console.log(list);//your full list is here
});
另外注意jQ1.8以前的Promise都非常不标准，
then
不会返回新的promise对象，如果一定不能升级就jQ的话，这段代码里的
then
需要改成
pipe
天使立华奏
answered 11 years, 2 months ago