es6之proxy和reflect(二）几个运用场景

在观察者模式上的运用

有一个对象，是观察者，它用于观察另一个对象的属性值变化，当属性值变化后会收到一个通知，可能会做一些事
没有实现代理之前的实现方式

 function observer(target) {
     const div = document.getElementById("container");
     const ob = {};
     const props = Object.keys(target);
     for (const prop of props) {
         // ob[prop] = target[prop];
         Object.defineProperty(ob, prop, {
             get() {
                 return target[prop];
             },
             set(val) {
                 target[prop] = val;
                 render();
             },
             enumerable: true
         })
     }
     render();

     function render() {
         let html = "";
         for (const prop of Object.keys(ob)) {
             html += `<p>
         <span>${prop}:</span>
         <span>${ob[prop]}</span>
     </p>`
         }
         div.innerH