Как убрать вложенность промисов?

Question

[Анна Шатковская]

Здравствуйте, подскажите, как убрать вложенность промисов в коде?

this.$store.dispatch(GET_ORDER, order).then( () => {
  let data = {}
  data.id = order
  data.order = {status, comment, totalPrice, paymentMethod}
  this.$store.dispatch(PATCH_ORDER, data).then( () => {
      if (this.responseServer){
              this.$refs.modalSend.hide()
              this.status=1
      }
   })
}, () => {
   this.$store.dispatch(POST_ORDER, {id, status, comment, totalPrice, paymentMethod}).then( () => {
       if (this.responseServer){
          this.$refs.modalSend.hide()
          this.status = 1
       }
   })
})

Answer 1

[Анатолий Жаров]

вот так

this.$store.dispatch(GET_ORDER, order).then(() => {
    let data = {};
    data.id = order;
    data.order = {
        status,
        comment,
        totalPrice,
        paymentMethod
    };
    return this.$store.dispatch(PATCH_ORDER, data);
}).catch(() => {
    return this.$store.dispatch(POST_ORDER, {
        id,
        status,
        comment,
        totalPrice,
        paymentMethod
    });
}).then(() => {
    if (this.responseServer) {
        this.$refs.modalSend.hide();
        this.status = 1;
    }
});

Comments

[Анна Шатковская]

Однако, если this.$store.dispatch(PATCH_ORDER, data) вернет ошибку, то код попадет в catch и попытается выполнить this.$store.dispatch(POST_ORDER, {...}), можно ли это избежать? и попасть в catch(() => {
return this.$store.dispatch(POST_ORDER,{...})}) только из ошибки по результату самого первого промиса?

[Анатолий Жаров]

Анна Шатковская, можно, если эти промисы реджектятся разными типами, просто проверить тип еррора

[Анна Шатковская]

Анатолий Жаров, Благодарю за помощь, вы мне очень помогли.

Answer 2

[Ler Den]

Переписать на async/await ?

Comments

[levchak0910]

Переписать на async/await !

[Алексей Ярков]

Переписать на async/await !

Answer 3

[Сергей Егоров]

Когда в приложении есть

store

, можно на его события подписать обработчики и запускать поведение, глядя на изменения в содержимом хранилища.

Comments

[Анна Шатковская]

Представленный код выше написан на кнопке. Действия выполняются не по подписке на событие хранилища. При нажатии на кнопку мы запрашиваем данные, если эти данные есть, то мы делаем patch, иначе post и после успешного завершения того или иного действия выполняем закрытие модального окна и присваивание значения переменной.

[Сергей Егоров]

Анна Шатковская, и что? Разве его нельзя переписать или рефакторить? На мой взгляд то, о чем вы спросили, описано в учебнике. Может я конечно ошибаюсь, мне приходится судить по вашему фрагменту кода.