ES6 Proxy listens for deep-seated objects

how does Proxy listen for changes to any deep-seated object?

for example:

let obj = {
  name: {
    first: "Hello",
    last: "World"
  },
  age: 20
}

let objx = new Proxy(obj, {
  set(target, key, value, receiver) {
    console.log(key);
    target[key] = value;
  }
})

objx.age = 18;
objx.name.first = "Hello!";

in this case, only objx.age, cannot listen for changes to the objx.name.first attribute

Mar.14,2022

you need to traverse the object deeply, and then proxy each object

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e62f8f-4517e.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e62f8f-4517e.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?