JS 数据监听方法研究

之前模拟了一个在 HTML标签中通过自定义的 yjb-bind 和 yjb-model来进行数据绑定的，效果很不好。指令解析及数据绑定应该是在解析 DOM 树时做的，采用 getAttribute 和 querySelectorAll 等方式来获取绑定的信息和元素，性能非常差，并且难以通过 person.name 这类的字符串访问到对象内的属性（Vue 好像是自己实现了一个解析路径字符串访问对象内属性的方法）。

所以，这次我直接抛弃了上来就想什么都做了的幻想，只研究数据监听，解析 DOM和数据绑定留待之后再研究~

正题

假设 instance 是一个框架的实例，里面的 data 对象就是初始化实例时的数据，可以看到，data 中有基本类型的属性，也有对象和数组。

这里参考了 Vue，Vue 中初始化的数据是在实例的 data 属性内，而初始化后数据还会在实例中保存一份，目的是为了通过 setter 设置监听。因为 setter 是在为该属性赋值时触发的，替换了默认的赋值操作，因此无法再在内部对该属性赋值，因为这样会递归调用这个 setter，然后就堆栈溢出了~但是必须把这个新的值保存起来，不然咋读取呢对吧

var instance = {
    data: {