promise如何实现异步递归

Question

async(data).then(function (data) {  if (data < 0) return data;  return async1(data);}).then(function (data) {  if (data < 0) return data;    return async1(data);}).then(function (data) {  return data})如上面的代码,当data < 0时就返回data的值,但是什么时候返回0我不清楚，也就是return async1(data);执行多少次我不清楚,不使用async/await 前提下怎么利用递归实现

Answer 1

如上面的代码,当data < 0时就返回data的值

异步没有 return , 只有 callback .

Answer 2

在chrome控制台下运行

(async ()=>{

    // 模拟每次接受请求都会被动更新状态

    let counter = 10;

    let async = async ()=>new Promise((resolve, reject)=>{

            setTimeout(()=>{

                resolve(counter--);

            }, Math.random()*500);

        });

    // 模拟主动更新自身状态

    let counter2 = 10;

    let timer = setInterval(()=>{

        counter2-=1;

        if(counter2 < 0){

            clearInterval(timer);

        }

    }, 1000);

    let async2 = async()=>new Promise((resolve, reject)=>{

        setTimeout(()=>{

            resolve(counter2);

        }, 100); // 假装这里的操作需要点时间

    });

    function getSomeData() {

      return new Promise(async function body(resolve, reject) {    

        async().then(data=>{

            console.log(`async() == ${data}`);

            if(data < 0){

                resolve(data);

            }else{

                setTimeout(()=>{

                    body(resolve, reject);

                }, 50); // 避免过于频繁的调用导致UI卡死

            }

        });

      });

    }

    function getSomeData2() {

      return new Promise(async function body(resolve, reject) {    

        async2().then(data=>{

            console.log(`async2() == ${data}`);

            if(data < 0){

                resolve(data);

            }else{

                setTimeout(()=>{

                    body(resolve, reject);

                }, 10); // 避免过于频繁的调用导致UI卡死

            }

        });

      });

    }

    console.log(`Done with async: ${await getSomeData()}`);

    console.log(`Done with async2: ${await getSomeData2()}`);

})();