execute a function (e.g. finally) before then/catch in javascript

Question

I am developing in electron. My project has the following snippet of code:

showLoading('confirm')
    api.deliveries.create(NewDelivery.createDelivery()).then((insertId) => {
        NewDelivery.back()
        showAlert('alert-success', 'Delivery Saved!', 'Delivery ID: ' + insertId)
    }).catch((error) => {
        eid('message').innerText = 'Delivery not saved. Try again later or contact the developer'
        throw error
    }).finally(() => {
        finishLoading('confirm')
        $('#confirmModal').modal('hide')
    })

When the block executes successfully, NewDelivery.back is called, which removes the elements with ids 'confirm' and 'confirmModal' from the DOM, breaking my application. My question is, is there a way to execute the finally block before either then or catch is called? Thank you.

question from:https://stackoverflow.com/questions/65908172/execute-a-function-e-g-finally-before-then-catch-in-javascript

Answer 1

You just need to reorder the chain...

Promise.resolve('do somthing')
  .finally(() => console.log('finally called'))
  .then(() => console.log('successfull'))
  .catch(() => console.log('error!'))