如何等待 function 调用另一个回调 function - JavaScript

Question

我正在使用使用callback的第三方库 function 。 我希望它改用Promise 。 我似乎无法弄清楚如何等待回调发生，然后才能从 function 返回一些东西。

// this is the third party function that I cannot change
const callbackFunction = (arg: string, callback: (err?: string, result?: string) => void) => {
    console.log("do something else");
    return callback(undefined, "some data");
}

我想写一个 function 来为我得到result 。 这是我到目前为止所拥有的，但似乎不是一个正确的方法。

这是我的 function，它应该返回result

const someFunction = (): string | undefined => {
    console.log("do something async"); // async/await
    callbackFunction("something", (err, result) => {
        return result || undefined;
    });

    // how to return `result` from here?
}

Answer 1

我希望它改用 Promise。

您可以使用基于回调的 api 并使用new Promise构造函数将其包装在 promise 中。

const someFunction = (): Promise<string | undefined> => {
  return new Promise((resolve, reject) => {
    console.log('do something');
    callbackFunction('something', (err, result) => {
      if (err) 
        reject(err);
      else 
        resolve(result || undefined);
    });
  });
}