js的promise如何递归调用？

Question

有一个通过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该怎么写？

Answer 1

好问题，正中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

Answer 2

promise不是解决递归的,重点是pipeline,当然如果你知道总数的话大可以Promise.all()

但是如果硬要写的话只是把这个函数包起来就可以了,就是说你其实是一个函数,只干一个事情,可以给看做一个任务

function get(p, deferred) {
    deferred || deferred = Promise.defer();
  $.get(url + "?page=" + p,function(data){
    if(data.list.length) {
        list.push(data.list);
        page += 1; 
        get(page,deferred);
    }else{
        deferred.resolve(list)
    }
    return deferred.promise;
  });
}

get(1, null).then(console.log)

我猜大概可以这样,可以验证下