Object.defineProperty

 let data = {
            prop1: "属性1",
            prop2: {
                name: '属性2'
            }
        }

        function observe(obj) {
            if (!obj || Object.prototype.toString.call(obj) !== '[object Object]') return
            Object.keys(obj).forEach((key) => {
                this.defineProperty(obj, key, obj[key])
            })
        }

        // 不能用obj[key]的原因是:获取了值就会无限触发 get
        function defineProperty(obj, key, val) {
            Object.defineProperty(obj, key, {
                get() {
                    console.log('set', val);
                    return val
                },
                set(newVal) {
                    if (newVal === val) {
                        return
                    }
                    console.log('get', newVal);
                    val = newVal
                }
            })
        }
        observe(data)

        console.log(data.prop2);

        data.prop1 = 'prop1'
        data.prop2 = { name: 'prop2' }
        data.prop2
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 夜莺2517阅读 127,782评论 1 9
  • 版本:ios 1.2.1 亮点: 1.app角标可以实时更新天气温度或选择空气质量,建议处女座就不要选了,不然老想...
    我就是沉沉阅读 11,828评论 1 6
  • 我是黑夜里大雨纷飞的人啊 1 “又到一年六月,有人笑有人哭,有人欢乐有人忧愁,有人惊喜有人失落,有的觉得收获满满有...
    陌忘宇阅读 12,717评论 28 53
  • 兔子虽然是枚小硕 但学校的硕士四人寝不够 就被分到了博士楼里 两人一间 在学校的最西边 靠山 兔子的室友身体不好 ...
    待业的兔子阅读 7,475评论 2 9