Как организовать структуру промисов в асинхронным коде?

Question

[Евгений]

У меня есть набор асинхронных функций, которые должны выполняться друг за другом. В случае если одна возвращает catch, вся цепочка прерывается. Это легко сделать используя цепочку промисов
.then().then().then().catch()
Но для меня важно чтобы каждая функция имела свой catch и оставливала выполнение цепочки в случае ошибки

Единственный вариант, который приходит в голову
func.then(() => {
func2.then(() => {
func3.then(....).catch ()}).catch ()}).catch()
Такой вариант не сильно нравится, т.к. он является воплощением callback hell-а, который промисы должны решать

Answer 1

[Алексей Лауд]

Асинхронные функции.

Вместо

something().then(() => {
    something2().then(() => {

    })
})

Пишете (внутри асинхронной функции)

await something();
await something2();

await работает с промисами и любыми thenable объектами (теми, у которых есть метод then).

И все это можно обернуть в try ... catch

Comments

[Евгений]

Сложность в том, что приложение, схематично, имеет следующую структуру

async function LogIn(){
    try {
        await loadSite().then().catch();
        await enterLogin().then().catch();
        await enterPass.then().catch();
        await clickButton.then().catch();
    } catch (e) {
        console.error(e)
    };
};

Нужно, чтобы у каждой функции был свой catch, т.к каждая ошибка обрабатывается по своему(перезапуск скрипта, переподключение к базе и т.д). Е
Сейчас ошибку перехватывает ближайший catch и цепочка продолжает выполняться

[Алексей]

Евгений, вообще в catch провалится ошибка от промиса который ее сгенерировал и дальше код выполняться не будет, в чем загвоздка то?

[Алексей Лауд]

Евгений, просто поместите в объект ошибки информацию о том, что именно не выполнилось, и сможете обрабатывать все ошибки в одном блоке catch

[Алексей Лауд]

Евгений, и еще момент, в асинхронных функциях не нужно использовать then:

async function LogIn(){
    try {
        const loadSiteResult = await loadSite();
        // Тут все, что обычно в then loadSite
        const enterLogin Result = await enterLogin();
        // Тут все, что обычно в then enterLogin
    } catch (e) {
        console.error(e)
        switch (e.something) {
            case "LOAD_SITE": 
                // ...
                break;
            case "ENTER_LOGIN": 
                // ...
                break;
        }
    };
};