What is optional chaining in TypeScript?

Can you explain what optional chaining is 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.

How does it work in practice?

You can use the ?. operator to access properties. For example, obj?.property will return undefined if obj is null or undefined, instead of throwing an error.

Can you give me an example?

Sure! If you have an object user and want to access user.address.city, you can write user?.address?.city. If user or address is null, it won't throw an error.

What happens if I try to access a property that doesn't exist?

If the property doesn't exist, it will simply return undefined instead of causing a runtime error.