javascript - js的promise如何递归调用?
ringa_lee
ringa_lee 2017-04-10 14:26:15
[JavaScript讨论组]

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

ringa_lee
ringa_lee

ringa_lee

全部回复(2)
伊谢尔伦

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

高洛峰

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)

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号