非异步javascript函数竞争条件[重复]

Question

我正在使用jsmediatags 来解析 mp3 文件中的元数据。此函数从文件中获取标题。遗憾的是，它在 onSuccess 回调完成之前返回。这是一个问题，因为在此函数之后，数据被序列化并在 song.title 设置之前发送出去。

我怎样才能等到jsmediatags.read 真正完成才能返回。 （它不是异步函数）。

const get_song = (song_path, album) => {
    const song = {
        title: null,
    };
    jsmediatags.read(song_path, {
        onSuccess: function (tag) {
            song.title = tag?.tags?.title;
            console.info("set song fields", song.title);
        },
        onError: function (error) {}
    });
    console.info("return from get_song", song.title);
    return song;
}

这个输出

"return from get_song null",
"set song fields TITLE"

然后我在实际设置之前使用song.title。

如何重新设计我的代码，以便在此回调完成后进行歌曲的序列化。

Answer 1

当然，你可以承诺：

const get_song = async (song_path, album) => new Promise((resolve, reject) => {
    jsmediatags.read(song_path, {
        onSuccess: resolve,
        onError: reject
    });
});

然后使用它，例如在带有await 的async 函数中：

(async () => {
    const tag = await get_song(song_path, album);

    song.title = tag?.tags?.title;
})();

Answer 2

const getSong = async songPath => {
    var tag = await new Promise((resolve, reject) => {
        new jsmediatags.Reader(songPath)
            .read({
                onSuccess: (tag) => {
                    console.log('Success!');
                    resolve(tag);
                },
                onError: (error) => {
                    console.log('Error');
                    reject(error);
                }
            });
    });

    return {
        title: tag?.tags?.title;
    }
}