##### ###### ##### ### # # ### # # ###### ## ## ## ## ## ## ## # # # # # ## ##### #### ##### # # # # # # # #### ## # ## ## ## ## # # # # # ## ## # ###### ## ### # ### # ######
##### ###### ##### ### # # ### # # ###### ## ## ## ## ## ## ## # # # # # ## ##### #### ##### # # # # # # # #### ## # ## ## ## ## # # # # # ## ## # ###### ## ### # ### # ######
Safe access through deep nesting
You can chain multiple ?. operators for deeply nested access. Each one guards against null or undefined at that level.
const data = {};
const name = data?.user?.profile?.name;
console.log(name); // undefined (no error)
Without optional chaining, accessing data.user.profile.name would throw an error.