What are some examples of optional chaining in TypeScript?

What are some examples of optional chaining in TypeScript?

Optional chaining is a feature in TypeScript that allows you to safely access deeply nested properties without having to check each level for null or undefined. For example, if you have an object user and you want to access user.address.street, you can use optional chaining like this: user?.address?.street.

Can you give me a more complex example?

Sure! Let's say you have an object data that may or may not have a user object, and within that, an address object. You can access the city like this: data?.user?.address?.city. If any part of the chain is null or undefined, it will return undefined instead of throwing an error.

What happens if the property doesn't exist?

If the property doesn't exist, optional chaining will simply return undefined instead of throwing an error. This makes your code safer and cleaner.

Are there any performance concerns with using optional chaining?

Generally, optional chaining is efficient and doesn't introduce significant performance overhead. However, like any feature, it should be used judiciously to maintain code readability.