<em>Optional Chaining</em> Tips

obj?.prop
obj?.[expr]
arr?.[index]
func?.(args)

const obj = {
  prop1: {
    prop2: {
      prop3: 'nested-value',
    },
  },
}

obj.doesNotExist?.prop2?.prop3 // undefined
obj.doesNotExist?.prop2.prop3  // undefined, doesn't throw
obj.doesNotExist?.['prop2'].prop3  // undefined

obj.prop1.prop2?.prop3 = 1 // throws compile time error

const myClass = {
  students: [{ name: 'Gilfoyle' }],
}

myClass.students?.[0] // { name: 'Gilfoyle' }
myClass.teachers?.[0] // undefined

const api = {
  init() {
    // ...
  },
  name: 'my-api',
}

api.init?.()    // calls init
api.destroy?.() // undefined
api.name?.()    // throws type error

myClass.students?.[0]?.name

const nullish = null
let counter = 0

nullish?.[counter++] // undefined
counter              // 0