Javascript - Best Practices Using Multiple try/catch within Asynchronous Functions

Question

I've got two files containing asynchronous calls, wrapped in try/catches:

index.js

const fetchData = async () => {
    try {
        const data = await Service.getData()
    } catch (e) {
        // do some error handling
    }
}

Service.js

const Service = {
    getData: async () => {
        try {
            const data = await callApi()
        } catch (e) {
            // do some more error handling
        }
     }
 }

Is the try/catch necessary within fetchData(), since there's already a try/catch in getData()? i.e., is it enough to refactor like so...

const fetchData = async () => {
    const data = await Service.getData()
}

...while letting the service method do all the error handling?

I know this may be a simple question of how to scaffold error handling and personal preference, but I'm mostly looking for what others would implement to reduce boilerplate code

Its enough to have 1 try catch block per function. If you want to return different messages you can throw . — dinesh oz
– dinesh oz, Commented Mar 16, 2022 at 12:06

Divya Shrestha · Accepted Answer · 2022-03-16 12:14:10Z

3

try cache block is only required in the Service as it is calling API which may return the error sometimes.

answered Mar 16, 2022 at 12:14

Divya Shrestha

4515 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Javascript - Best Practices Using Multiple try/catch within Asynchronous Functions

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related