Js对象的属性类型

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