Конвертировать функцию с обратным вызовом в asyn c обещание

Question

Есть идеи, как реализовать это более элегантно, используя asyn c, который возвращает обещание вместо обратных вызовов?

const webShare = (data) => {
    if (navigator.share) { 
        navigator.share({
           title: data.title,
           text: data.text,
           url: data.url
        }).then(() => {
            if (typeof data.successCallback === 'function') {
                data.successCallback();
            }
        }).catch(console.error);
    } else {
        if (typeof data.noSupportCallback === 'function') {
            data.noSupportCallback();
        }
    }
}

Пример использования

webShare({
    url: window.location.href,
    noSupportCallback: this.handleCopyDesktop
});

Answer 1

Вы можете вернуть обещание, отклоненное с NoSupportError:

class NoSupportError extends Error {}

const webShare = (data) => {
    if (navigator.share) { 
        return navigator.share({
           title: data.title,
           text: data.text,
           url: data.url
        })
    } else {
        return Promise.reject(new NoSupportError());
    }
}

Использование:

webShare({
    url: window.location.href,
}).catch(err => {
    if (err instanceof NoSupportError) {
        this.handleCopyDesktop();
    } else {
        console.error(err);
    }
});