get和set联动的实现原理

wuchangjian2021-11-01 15:18:16编程学习
<script>
        let data = {}
        let _name = '前端大数据'
        Object.defineProperty(data, 'name', {
                get() {
                    console.log('你访问了data1的name属性')
                        // 1.返回中间变量
                    return _name
                },

                set(newValue) {
                    console.log('你修改了data1的name属性最新的值为', newValue)
                        // 2.把最新的值赋给中间变量
                    _name = newValue
                }
            })


            // get中直接返回了一个固定的值,并且set函数中新值拿到了但是没有做任何事情
            // 解决方案:通过声明一个中间变量,让get函数中return出去这个变量
            // 并且在set函数中把最新的值设置到这个中间变量身上,起到一个set和get操作的一个
            // 数据的效果
    </script>

相关文章

vue render 函数详解

vue render 函数详解

Vue中怎么编写可复用的组件,提到要对Vue的render函数有所了解。可...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。