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

Question

I am using a third party library function that uses callback . I wish it used Promise instead. I can't seem to figure out how I can wait for a callback to happen before I can return something from a 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");
}

I want to write a function that gets the result for me. This is what I have so far, but does not seem like a right approach.

This is my function, which should return 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

I wish it used Promise instead.

You can take a callback-based api and wrap it in a promise using the new Promise constructor.

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);
    });
  });
}