异步/等待，我如何强制我的函数等到承诺解决后再继续？

Question

我希望我的函数一直执行到 nextPageToken 为空。当我第一次执行该函数时，它会等待 promise 被解决。但是，一旦响应中出现 nextPageToken，该函数就不会等待响应并发生堆栈溢出。

似乎 f() 在调用 await p.then() 时没有挂起。

我完全误解了 async/await 的工作原理吗？

任何帮助将不胜感激...

public apiResult2(path: string, objectName: string, params: any = { }) {
    let returnArray = [];
    const p = new Promise<any> ((resolve, reject) => {
      gapi.load('auth2:client', () => {
        gapi.client.request({
          path: path,
          params: params
        }).then(response => {
          // resolve this promise with the first key in the response object.
          resolve(response.result);
        }, reason => {
          console.log(reason);
          reject(reason.result);
        });
      });
    });
    let f = async () => {
      let nextPageToken = null;
      do {
        let r = await p.then(result => {
          if (result.hasOwnProperty(objectName)) {
            for (let obj of result[objectName]) {
              returnArray.push(obj);
            }
          }
          if (result.hasOwnProperty('nextPageToken')) {
            params.nextPageToken = result.nextPageToken;
            return result.nextPageToken;
            // nextPageToken = result.nextPageToken;
          } else {
            params.nextPageToken = null;
            return null;
            // nextPageToken = null;
          }
        });
        nextPageToken = r;
        console.log(r);
      } while (nextPageToken);
    };
    f();
    return returnArray;
  }

Answer 1

如果您的函数需要“等待”某个异步调用，那么它也必须是异步的。您的函数apiResult2 不会等待f 完成，而是为了return returnArray。

编辑：

这里的主要问题是您试图重用承诺 p 来发出不同的请求，但这是不可能的。承诺p 将使用第一个请求的参数进行初始化，并且所有对p.then 的调用都将得到相同的结果：第一个页面请求的响应。

我对您的代码做了一些小改动，并使其与模拟界面一起工作：

const apiResult2 = async (path: string, objectName: string, params: any = { }) => {
    const requestPage = async () => new Promise<any> ((resolve, reject) => {
        gapi.load('auth2:client', () => {
            gapi.client.request({
                path: path,
                params: params
            }).then(response => {
                // resolve this promise with the first key in the response object.
                resolve(response.result);
            }, reason => {
                console.log(reason);
                reject(reason.result);
            });
        });
    });

    let returnArray: string[] = [];
    do {
        const page = await requestPage();

        if (page.hasOwnProperty(objectName)) {
            for (let obj of page[objectName]) {
                returnArray.push(obj);
            }
        }

        if (page.hasOwnProperty('nextPageToken')) {
            params.nextPageToken = page.nextPageToken;
        } else {
            params.nextPageToken = null;
        }
    } while (params.nextPageToken);

    return returnArray;
}

使用示例：

apiResult2(path, objectName, params).then(
    result => console.log(result),
    err => console.log('error', err)
);