Use ‘unknown’ instead of ‘any’ in TypeScript (Try / Catch error handling)

Рет қаралды 23,364

Күн бұрын

👉 NEW React & Next.js Course: bytegrad.com/courses/professi...
Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship).
👉 Add authentication to your app FAST: bit.ly/3QOe1Bh
👉 NEW React & Next.js Course: bytegrad.com/courses/professi...
👉 Professional JavaScript Course: bytegrad.com/courses/professi...
👉 Professional CSS Course: bytegrad.com/courses/professi...
👉 Discord: all my courses have a private Discord where I actively participate
🔔 Email newsletter (BIG update soon): email.bytegrad.com
⏱️ Timestamps:
0:00 data: unknown
1:06 ts-reset
1:36 error: unknown
4:59 Handle unknown
8:03 Utility function
#typescript #typescripttutorial

Пікірлер: 37

@ByteGrad 29 күн бұрын

👉 NEW React & Next.js Course: bytegrad.com/courses/professional-react-nextjs

@renjithpn2002 Күн бұрын

This is art, loved it 🙂

@vincenzocristiano135 8 ай бұрын

This is pure gold! Thanks a lot!!!

@elenamikhaylova5086 Ай бұрын

Thank you for explaining this well, i have banged my head on JS error handling for so long

@ismoiljonabduqahhorov5825 10 ай бұрын

Hello ByteGrad I was struggling with error handling and your tutorial really helped dealing with errors loved your content good luck

@MailarYT 11 ай бұрын

Your really good explaining, keep going Cheers

@user-vb4vs5yz6w 7 ай бұрын

thank you for sharing this topic

@meka4996 9 ай бұрын

Amazing! Thanks

@npaul1440 7 ай бұрын

Your tutorials and content are A Class. Just get a better microphone if possible. Thanks

@mujibulhaquetanim 5 ай бұрын

yap, sounds is too low.

@loydcose2780 5 ай бұрын

This is awesome!

@honkhonkv2236 3 ай бұрын

Hello, awesome channel for a noob like me! I was wondering, at 10:42 in our utility function couldn't we just omit to type the message as string and instead in the return do something like "return message.toString()" ?

@bheemkumarthami 4 ай бұрын

Thanks a lot. keep going

@solosdev6946 2 ай бұрын

Thanks finding a solution for this :D

@scide-x7242 10 ай бұрын

Thank you chris

@WilliamShrek 9 ай бұрын

That's exactly how I handle request errors in our projects. 😅 Those Python develelopers cannot agree with Java developers on error response, and they both think it is easy to handle those errors in the client side.

@user-zj9jd8hd7q 8 ай бұрын

We still not consider the case where "message" is also an object

@antonapalanyuk338 8 ай бұрын

What about to save mark as 'any' and use following: console.log(error?.message || error?.stack || error); It is suitable for all error data types

@Axorax 24 күн бұрын

I didn't know there was an unknown type 😮

@ajaychandel9976 4 ай бұрын

cool

@AFE-GmdG 10 ай бұрын

I would write ... else if (error && typeof error === "object" && "message in error && typeof error.message === "string") { ... If there is a message in an error object but it isn't a string, it should possibly use the default error message instead.

@ByteGrad 10 ай бұрын

Good point

@mryo_ 6 ай бұрын

Thanks. export const getErrorMessage = (error: unknown) => { if (error instanceof Error || (error && typeof error === "object" && "message" in error && typeof error.message === "string")) { return error.message; } else if (typeof error === "string") { return error; } return "Something went wrong"; };