javaScript Object之defineProperty实现getter和setter

最新推荐文章于 2024-07-17 17:30:00 发布

大刘鸭

最新推荐文章于 2024-07-17 17:30:00 发布

阅读量2.2k

点赞数

分类专栏： JavaScript Vue ES6

本文链接：https://blog.csdn.net/xiao_yu_liu/article/details/81627211

版权

JavaScript 同时被 3 个专栏收录

50 篇文章 0 订阅

订阅专栏

Vue

21 篇文章 1 订阅

订阅专栏

ES6

9 篇文章 0 订阅

订阅专栏

                    var setGetAndSet = function(obj,key){
                        var initVlaue = obj[key]
                        Object.defineProperty(obj,key,{
                            get:function(){
                                console.log('get')
                                return initVlaue
                            },
                            set:function(val){
                                initVlaue = val;
                            },
                        })
                    }
                    var watch = function(obj){
                       
                        for(var key in obj){
                            setGetAndSet(obj,key)
                        }
                       
                    }
                    var obj = {
                        a:1
                    };
                    watch(obj)

Object.defineProperty() 方法设置属性时，属性不能同时声明访问器属性（ set 和 get ）和 writable 或者 value 属性。意思就是，某个属性设置了 writable 或者 value 属性，那么这个属性就不能声明 get 和 set 了，反之亦然。