如何监听对象键的具体变化

Question

我正在编写一个简洁的代码，其中有一个包含 html 元素属性的对象。我想监听事件的变化以便能够修改dom中的元素。但是我注意到我必须为对象的每个属性逐行编写侦听器。我想知道这是否是正确的语法或者是否有更好的方法。

这是我的代码的抽象。这将进入脚本标签内。另请注意，对象的键将绑定到 dom 中的元素。

let node:HTMLElement = document.getElementById("Display")
   let appearance:ElementAppearance ={
      background_color = "#ffffff",
      text_color = "#000000",
      width: "w-full"
      //....so on 
   }

   $:appearance.background_color,handle_background_color(node,appearance.background_color)
   $:appearance.text_color,handle_text_color(node,appearance.text_color)
   $:appearance.width,handle_width(node,appearance.width)
   //..... so on

因此我想知道是否有更好的语法？也许与此类似的东西

$:appearance:{ $background_color:handle_background_color(node,$background_color) //.... so on }