ES5的getter/setter

最新推荐文章于 2022-05-31 08:32:43 发布

Kou_Hi

最新推荐文章于 2022-05-31 08:32:43 发布

阅读量2k

点赞数 1

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/u010552788/article/details/51073280

版权

javascript 专栏收录该内容

40 篇文章 0 订阅

订阅专栏

本文深入探讨了JavaScript中对象属性的setter和getter机制，通过两种定义形式的对比，详细解释了如何使用这些特性来修改和获取对象属性值，并强调了在设置属性时不能同时指定value和getter/setter的重要性。

摘要由CSDN通过智能技术生成

两种定义形式。
第一种：

var o = {
    age:'123',
    name:'gmm',
    get age(){
        return "2";
    },
    set age(x){
        return this.name ="Eliza";
    }
};

o.age = 1;
console.log(o.name); //Eliza
console.log(o.age);  //2

第二种：

var obj = {
    a: 12
};
Object.defineProperty(obj, "x", {
    get: function() {
        return this.a + 1
    },
    enumerable: true,
    configurable: true,
    set: function(y) {
        console.log(y);
    },
});
console.log(obj.x); //3
obj.x = 3;  //执行set(3)
console.log(obj.x); //3
console.log(delete obj.x); //true
for (key in obj) {
    console.log(obj[key]); //12
}