js getters and setters achieves observer pattern instead of Object.observe()

object-observe-alternative-way-using-getter-setter.html

<button>test</button>
<div id="hoge"></div>
<script type="text/javascript">
var hoge = document.querySelector("#hoge");

var obj = {
  set name(val) {
    obj._name = val;
    hoge.innerText = val; // change `hoge` pane's text
  },
  get name() {
    return obj._name;
  }
};

document.querySelector("button").onclick = function(e) {
  // On modifyed `obj`, div's text will also 
  // be changed as if `Object.observe()` used.
  // js getter & setter is alternative way of `Object.observe()`.
  obj.name = new Date().getTime();
};
</script>