Proxy

proxy.js

// From: https://stackoverflow.com/questions/50963215/can-we-specify-a-generic-getter-on-an-object-in-javascript
// Allows you to access nested property (1 level) without the need to to safety check

const properties = { email: { title: "Email", value: "xyz@gh.com" } }

const proxy = new Proxy(properties, {
  get: (target, prop) => (prop in target) ? target[prop] : {},
})
  
// or

const proxy = new Proxy(properties, {
  get: (target, prop) => {
    if (prop in target) {
      let ret = Reflect.get(target, prop)
      if (typeof ret === "function") {
        ret = ret.bind(target)
      }
      return ret
    }

    return {}
  },
})

proxy.email.value === "xyz@gh.com" // true

properties.unknownProp.value === Error // cannot read `value` of undefined
properties.unknownProp && properties.unknownProp.value === undefined // true / it works but long to write..
proxy.unknownProp.value === undefined // true / short, clean & safe