let obj = {
            name: "若水"
        }

 // 被觀察者類
        class Subject {
        //未傳值初始為空
            constructor(state = "") {
                // 初始狀態(tài)
                this.state = state
                // 觀察者方法隊列 
                this.observsers = []
            }
            // 設(shè)置自己的狀態(tài)
            setState(val) {
            // 告訴觀察者目前改變成了什么狀態(tài)
                this.state = val;
                // 同時需要把自己身上的觀察者方法全部觸發(fā)
                this.observsers.map(item => {
                    // item是每一個觀察者，每一個觀察者是一個對象
                    item.callback(this.state);
                })
            }
            // 添加觀察者
            addObserver(observer) {
                // 把觀察者傳遞進(jìn)來
                this.observsers.push(observer)
            }
            // 刪除觀察者
            removeObserver(observer) {
                // 過濾出來非當(dāng)前觀察者的觀察者
                this.observsers = this.observsers.filter(obs => obs !== observer);
            }
        }

    // 觀察者類
        class Observer {
            // name需要觀察的參數(shù) 
            // callback 觀察的參數(shù)達(dá)到邊界條件觸發(fā)的事件
            constructor(name, callback = () => { }) {
                this.name = name;
                this.callback = callback;
            }
        }

     // 創(chuàng)建觀察者
        const ObserverName = new Observer('監(jiān)聽obj改變', () => { console.log('obj發(fā)生改變'); })
        //?創(chuàng)建一個被觀察者
????????const?name?=?new?Subject(obj.name)
        //?添加一個觀察者
????????name.addObserver(ObserverName)
        //觸發(fā)觀察者方法
        name.setState('前端若水')