const obj = {
  foo: {
    bar: {
      baz: 42,
    },
  },
};
 
const baz = obj?.foo?.bar?.baz; // 42
 
const safe = obj?.qux?.baz; // undefined
 
// Optional chaining and normal chaining can be intermixed
obj?.foo.bar?.baz; // Only access `foo` if `obj` exists, and `baz` if
                   // `bar` exists

const obj = {
  foo: {
    bar: {
      baz() {
        return 42;
      },
    },
  },
};
 
const baz = obj?.foo?.bar?.baz(); // 42
 
const safe = obj?.qux?.baz(); // undefined
const safe2 = obj?.foo.bar.qux?.(); // undefined
 
const willThrow = obj?.foo.bar.qux(); // Error: not a function
 
// Top function can be called directly, too.
function test() {
  return 42;
}
test?.(); // 42
 
exists?.(); // undefined

const obj = {
  foo: {
    bar: {
      baz: class {
      },
    },
  },
};
 
const baz = new obj?.foo?.bar?.baz(); // baz instance
 
const safe = new obj?.qux?.baz(); // undefined
const safe2 = new obj?.foo.bar.qux?.(); // undefined
 
const willThrow = new obj?.foo.bar.qux(); // Error: not a constructor
 
// Top classes can be called directly, too.
class Test {
}
new Test?.(); // test instance
 
new exists?.(); // undefined