Async Await try-catch hell

Async Await is heaven... until error handling comes into play. Learn how to avoid try/catch hell when writing async JavaScript code.

#shorts #js #programming

[gabriel.quagliano]

Protip: Avoid the pyramid of doom by never indenting your code 🤙.

[lvenir]

"a sink"
"a weight"

k

[tdubab]

Basically you made Javascript looks like Golang Lol.

[alexeyl]

Congrats! You one step closer to using monads for error handling

[wumbl]

My life is pretty dull and uneventful, so this was the best 45 seconds of my life.

[arwahsapi]

I've been asynchronously awaiting for this and finally this video showed up

[erbesharat]

This reminds me of a quote:
"Errors are values"

[rumplstiltztinkerstein]

rust developers can just put ? in front of the function. If an error occurs, the function halts and returns the error. It's awesome for those that understand it, a nightmare for someone unfamiliar with rust lol.

[bensas]

Holy shit, most youtubers would have turned this into a 10 minute monetized video. You are amazing.

[Ipauler]

And then you will end up with tower of ifs, when each function depends on previous results
You've just writed try catch using if statements nothing changed
What you can do is catch them all together
And make specific errors for each function and then switch through errors in catch block if you need to perform something for each error case

[Vaidd]

Tips:
- Make the function take a promise as a parameter
- use "catch" method of the promise
- Call this function "to"

function to (promise) {
return promise.then(data => [null, data]).catch(err => [err])
}

const [err, data] = await to(fetch(/*thatUrl*/))


Notes: Dont need to have an async function or to use try-catch; its reusable for any function returning a promise; its a oneliner in a oneliner \o/

[cat-.-]

You still have to if (data !== null) every time if you want your program to have any decent behaviour though.

[omararmandourquidezcastro]

To use the "awesome" function in typescript, you can do it like this:

async function awesome <T>(
prom: Promise<T>
): Promise<[T | null, any]> {
try {
return [await prom, null];
} catch (error) {
return [null, error];
}
}

[beorntwit]

Such a quality of life improvement. I read this in an article once, when I was just starting out, and started writing it, just waiting for the other shoe to drop (I had to defend it before my boss, who was skeptical at first, even though he hated try catch and longed for the async.js days); cause why wasn't everyone doing this? No regrets!

[TheHyxD]

Swift just got Async/ Await feature and now I'm getting this as recommended.

[monkeyinadrawer]

So from tower of doom with try/catches to tower of doom with if/elses?

[ShreksSpliff]

So imagine when we realise that we could be adopting a functional paradigm and we can live inside of a monad

[oglothenerd]

Return error as value is amazing. I love Rust.

[catherineepps]

I'm starting to love programming. I enjoy it now. I understand it now.

[jordinario]

Nice tips! This applies to Golang as well and it's error handling nightmare