What are the differences between optional chaining and try-catch in JavaScript?

What are the differences between optional chaining and try-catch in JavaScript?

Optional chaining allows you to safely access deeply nested properties without having to check each level for null or undefined. Try-catch, on the other hand, is used for handling exceptions that may occur during code execution.

Can you give me an example of how optional chaining works?

Sure! If you have an object user and you want to access user.address.city, you can use optional chaining like this: user?.address?.city. If address is undefined, it won't throw an error; it will just return undefined.

And how would try-catch handle a similar situation?

With try-catch, you would wrap your code in a try block. For example:

try {
  const city = user.address.city;
} catch (error) {
  console.error('Error accessing city:', error);
}

This will catch any error that occurs when trying to access city.

So, optional chaining is safer for accessing properties?

Exactly! Optional chaining is a cleaner and safer way to access properties without worrying about runtime errors.