Proxy を活用して、Model が View を知ることなく、Model が変更されたら、View の更新が予約される仕組みを作りました。 (2018/07/08 更新)方式を変えて Model の子オブジェクトの書き換えに対応 Proxy / Reflect とは Proxy - Javascript | MDN Reflect - Javascript | MDN 細部の仕様は MDN を参照のこと とりあえずの解説は他のページに譲ります。 ECMAScript 2015 の Proxy(Proxies) / Reflect をなんとなく理解する メタプログラミング | MDN Proxy を使うと get / set のインターセプトができる メソッドは色々ありますが、今回は get / set のインターセプトに絞ります。 なお、TypeScript の Proxy の型をみる
![ES2015/ES6 の Proxy を使って Model の変更を検出する(コードは TypeScript) - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/b210f63fa7d664d332afbd49eaedca1650e2e721/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9RVMyMDE1JTJGRVM2JTIwJUUzJTgxJUFFJTIwUHJveHklMjAlRTMlODIlOTIlRTQlQkQlQkYlRTMlODElQTMlRTMlODElQTYlMjBNb2RlbCUyMCVFMyU4MSVBRSVFNSVBNCU4OSVFNiU5QiVCNCVFMyU4MiU5MiVFNiVBNCU5QyVFNSU4NyVCQSVFMyU4MSU5OSVFMyU4MiU4QiVFRiVCQyU4OCVFMyU4MiVCMyVFMyU4MyVCQyVFMyU4MyU4OSVFMyU4MSVBRiUyMFR5cGVTY3JpcHQlRUYlQkMlODkmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTUyMDZiZjc2ZTFlNzYwMjdlMzliNTM5OGI0NzQxNmMx%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwZW1hYW1lJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1jNjY1MmIzODU5OTUxOTA1MGY3YmQzOTUwNzAyYmUzZg%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D47ebb20c1a10da2d8a0a0a1762eed2f5)