{"html":"<!DOCTYPE html>\n<html>\n    <head>\n        <meta charset=utf-8>\n    </head>\n    <body>\n    \t\n        <script type=\"text/javascript\">\n            // 补全代码\n            class Observerd { // 被观察者\n                constructor(name, state='走路') {\n                    this.name = name;\n                    this.state = state;\n                    this.observers = [];\n                }\n\n                setState(state){\n                    this.state = state;\n                    this.observers.forEach(observer => observer.update(this))\n                }\n\n                setObserver(observer) {\n                    this.observers.push(observer)\n                }\n            }\n\n            class Observer { // 观察者\n                constructor() {\n\n                }\n\n                update(observer) {\n                    console.log(`${observer.name}正在${observer.state}`)\n                }\n            }\n        </script>\n    </body>\n</html>","css":"","js":""}