it works like obj?.prop?.name to prevent reference error, using Proxy.

safeObjProxy.js

'use strict'

const isObject = obj => typeof obj === 'object'
const hasKey = (obj, key) => key in obj

const Undefined = new Proxy({},{
  get (target, key, receiver) {
    //  always return Undefined when accessing Undefined.whatever
    return receiver
  }
})

// fallback to right value
const either = (left, right) => left === Undefined ? right : left

const makeSafe = obj =>
  new Proxy(obj, {
    get (target, key) {
      return hasKey(target, key)
        ? isObject(target[key])
          ? makeSafe(target[key])
          : target[key]
        : Undefined
    }
  })

const safeO = makeSafe({
  innerO: {
    a: 1
  }
})

safeO.innerO.a //1
safeO.name // Undefined
safeO.innerO.name // Undefined, no error occured

either(safeO.innerO.name, 'not found') // fall back to 'not found'