JS Getter Setter

Why

prevent set

dynamic property

Using context directly

Instead of reactive data


let userWrapper = {
	user: {
   name: "John",
   surname: "Smith",
	 get fullName() {
     return `${this.name} ${this.surname}`
   }
	},
	get descent() {
     return `${this.user.name} ${this.user.surname}`
   }
}

JS Proxy & Promise can make await property


async function parseValue() {
  await new Promise(resolve => setImmediate(resolve));
  return "parsed value"
}
let proxy = new Proxy(myObject, {
  get(target, prop, receiver) {
    if (prop === "attribute") {
      let newProp = prop + "_parsed"
      if (!(newProp in target)) {
        target[newProp] = parseValue()
      }
      return target[newProp]
    } else {
      return Reflect.get(target, prop, receiver)
    }
  },
})
await proxy.attribute

JavaScript proxy return async value on "get"

Thanks for contributing an answer to Stack Overflow! Please be sure to answer the question. Provide details and share your research! Asking for help, clarification, or responding to other answers. Making statements based on opinion; back them up with references or personal experience. To learn more, see our tips on writing great answers.