Js对象的属性类型

女爷i 2022-05-27 04:38 241阅读 0赞

Js有两种属性类型：‘数据属性’和‘访问器属性’。

数据属性一般用于直接存储数据数值；访问器属性不能直接定义，必须使用Object.defineProperty()。

修改属性的特性必须使用Object.defineProperty()。

## 数据属性 ##

数据属性包含一个数据值的位置，在这个位置可以读取和写入值。

数据属性有4 个描述其行为的特性：

*  \[\[Configurable\]\]：表示能否通过delete 删除属性从而重新定义属性，能否修改属性的特性，或者能否把属性修改为访问器属性。  
    直接在对象上定义的属性，这个特性的默认值为true；  
    Object.defineProperty定义的属性，默认值为false。
 *  \[\[Enumerable\]\]：表示能否通过for-in 循环返回属性。  
    直接在对象上定义的属性，这个特性的默认值为true；  
    Object.defineProperty定义的属性，默认值为false
 *  \[\[Writable\]\]：表示能否修改属性的值。  
    直接在对象上定义的属性，这个特性的默认值为true；  
    Object.defineProperty定义的属性，默认值为false
 *  \[\[Value\]\]：属性的数据值；默认值为undefined。
    
    示例：

var Person = {
        name : "Lucy"
    }
    //相当于
    Object.defineProperty(Person, "name", {
        Configurable: true,
        Enumerable: true,
        Writable: true,
        value: "Lucy"
    })

## 访问器属性 ##

访问器属性不包含数据值；它们包含一对儿getter 和setter 函数（不过，这两个函数都不是必需的）。  
在读取访问器属性时，会调用getter 函数，这个函数负责返回有效的值；在写入访问器属性时，会调用setter 函数并传入新值，这个函数负责决定如何处理数据。

访问器属性有如下4 个特性：  
\- \[\[Configurable\]\]：表示能否通过delete 删除属性从而重新定义属性，能否修改属性的特性，或者能否把属性修改为数据属性。  
直接在对象上定义的属性，这个特性的默认值为true；  
Object.defineProperty定义的属性，默认值为false  
\- \[\[Enumerable\]\]：表示能否通过for-in 循环返回属性。  
直接在对象上定义的属性，这个特性的默认值为true；  
Object.defineProperty定义的属性，默认值为false  
\- \[\[Get\]\]：在读取属性时调用的函数；默认值为undefined。  
\- \[\[Set\]\]：在写入属性时调用的函数；默认值为undefined。

示例：

//定义单个属性特性
    var Person = {
        name : "Lucy",
        _age: 20
    }
    Object.defineProperty(Person, "age", {
        get: function(){ 
            return this._age
        },
        set: function(newVal){ 
            this._age = newVal;
        }
    })
    console.log(Person.age); //20
    Person.age = 30;
    console.log(Person.age); //30
    
    //同时定义多个属性特性
    var Person = {};
    Object.defineProperties(Person, {
        name: {
            value: "Lucy"
        },
        _age: {
            value: 20
        },
        age: {
            get: function(){ 
                return this._age;
            },
            set: function(newVal){ 
                this._age = newVal;
            }
        }
    })
    Person.age = 30;
    console.log(Person.age);//20,原因:通过Object.defineProperty定义的属性,configurable默认为false
    console.log(Object.getOwnPropertyDescriptor(Person,"_age").configurable) //false