Javascript Error Handling

Javascript error handling

Created By: chatGPT

In JavaScript, error handling is crucial for creating robust applications. It allows developers to manage unexpected issues gracefully without crashing the application. The primary way to handle errors in JavaScript is through try-catch blocks.

try {
    // Some code that may throw an error
    let result = riskyFunction();
} catch (error) {
    console.error('An error occurred:', error.message);
}

In the example above, if riskyFunction() throws an error, the code execution will jump to the catch block, allowing you to handle the error appropriately. Using console.error helps to log error messages for debugging purposes.

function riskyFunction() {
    throw new Error('Something went wrong!');
}

You can also use the finally block in conjunction with try-catch. The code inside the finally block will execute regardless of whether an error occurred, making it perfect for cleanup tasks.

try {
    // Some risky operation
} catch (error) {
    console.error('Error:', error);
} finally {
    console.log('This will always run.');
}

For asynchronous operations, handling errors can be done with Promises or using async/await with try-catch. When working with Promises, you can use the catch method to handle errors that occur during the execution of the Promise.

function getData() {
    return new Promise((resolve, reject) => {
        // Simulating a network request
        setTimeout(() => {
            reject(new Error('Failed to fetch data'));
        }, 1000);
    });
}

getData()
    .then((data) => console.log(data))
    .catch((error) => console.error('Error:', error.message));

With async/await, error handling becomes straightforward, as you can wrap your await calls in a try-catch block just like synchronous code. This allows for cleaner and more manageable code.

async function fetchData() {
    try {
        const response = await getData();
        console.log(response);
    } catch (error) {
        console.error('Caught an error:', error.message);
    }
}

fetchData();