属性描述符

tscn1

已于 2022-03-06 13:30:35 修改

阅读量673

点赞数

分类专栏： js 文章标签： javascript 前端

于 2022-03-06 13:30:08 首次发布

本文链接：https://blog.youkuaiyun.com/tscn1/article/details/123309039

版权

js 专栏收录该内容

21 篇文章

订阅专栏

属性描述符是JavaScript中用于描述对象属性的对象，包括value、configurable、enumerable和writable等属性。使用Object.getOwnPropertyDescriptor()可获取属性描述符，Object.getOwnPropertyDescriptors()则用于获取所有属性描述符。存取器属性通过get和set方法，能控制对象属性的读取和赋值行为，提供了一种锁定属性的方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

什么是属性描述符

属性描述符（Property descriptor）就是一个对象，用来描述对象属性的相关信息。

Object.getOwnPropertyDescriptor(对象，属性名)
得到一个对象的某个属性的属性描述符

返回值：

value：属性值
configurable：该属性的描述符是否可以修改
enumerable：该属性是否可以被枚举
writable：该属性是否可以被重新赋值

Object.getOwnPropertyDescriptors(对象)
可以得到某个对象的所有属性描述符

如果需要为某个对象添加属性时或修改属性时，配置其属性描述符，可以使用下面的代码:

Object.defineProperty(对象, 属性名, 描述符);
Object.defineProperties(对象, 多个属性的描述符)

存取器属性

属性描述符中，可以配置get和set函数，用于控制属性的读取和赋值。

存取器例子

基本使用

const obj = {
    a: 1,
}

Object.defineProperty(obj,'b',{
    get(){
        return obj._b;
    },
    set(val){
        obj._b = val;
    }
})
obj.b = 1000;
console.log(obj.b);

给对象的某个属性上锁

const obj = {
    name: "tscn",
}

Object.defineProperty(obj, 'age', {
    get() {
        return obj._age;
    },
    set(val) {
        if (typeof val !== 'number') throw new TypeError('age must be a number');
        if (val > 90) {
            obj._age = 90
        } else if (val < 0) {
            obj._age = 0
        } else {
            obj._age = val;
        }

    }
})
obj.age = 1000;
console.log(obj.age); // 90