DEV Community

Cover image for Javascript Optional Chaining
Tanvir Ahmed
Tanvir Ahmed

Posted on

Javascript Optional Chaining

✍🏻 Optional chaining is a feature in JavaScript that makes it easier and safer to access properties.It prevents runtime errors that occur when trying to access properties or methods on null or undefined.

🔗 Optional chaining (?.) is a feature in JavaScript that simplifies the process of accessing nested properties in objects, especially when those properties may not exist or be undefined or null.

♦︎ Basic Object Property Access
Image description

♦︎ Handling Undefined Properties
Image description

Here the error came and to prevent this error it is made undefine with
optional chaining.

♦︎ Arrays and Optional Chaining
Image description

♦︎ Handling Function Calls

Image description

Advantages of JavaScript Optional Chaining:

i) Prevents Runtime Errors:
Safely access nested properties without throwing errors when
encountering null or undefined.

ii) Cleaner and More Readable Code:
Reduces the need for lengthy if checks or && chaining to verify object
existence.

iii) Optional Function Calls:
Allows safe invocation of functions or methods that may not exist,returning undefined instead of an error.

Top comments (0)