深入理解js中的对象

ECMA-262 第 5 版在定义只有内部才用的特性（attribute）时，描述了属性（property）的各种特征。 ECMA-262
定义这些特性是为了实现 JavaScript 引擎用的，因此在 JavaScript 中不能直接访问它们。为了
表示特性是内部值，该规范把它们放在了两对儿方括号中，例如[[Enumerable]]。

以上是高程3的原话 意思就是es给对象属性定义了一些特性 这些特性用来描述对象属性的特征 而这些特性是给js引擎用的 在js中不能直接访问 并且为了凸显这是内部值 把他们放到了双中括号中

接下来就是我对高程3内容的总结：

在js中的对象属性分为两种 
1. 数据属性	2. 访问器属性
我们平时通过普通方式（点的方式）给对象添加的属性默认都是数据属性
下面我们就开始了解数据属性和访问器属性拥有那些特性和区别

2. 数据属性中的4个特性
[[Configurable]]: 能否通过delete操作符删除属性 能否修改属性的特性 能否修改成访问器属性（普通方式添加的属性该特性默认为true 通过defineProperty方式定义的属性默认为false）
[[Enumerable]]: 能否通过for-in遍历 （普通方式添加的属性该特性默认为true 通过defineProperty方式定义的属性默认为false）
[[Writable]]: 能否修改属性的值 （普通方式添加的属性该特性默认为true 通过defineProperty方式定义的属性该特性默认为false）
[[Value]]: 该属性的属性值 读取这个属性时读取的为这个值 修改改属性时 修改的也是这个值 默认为undefined

3. 访问器属性中的4个特性
[[Configurable]]: 同上 能否把属性改为数据属性
[[Enumerable]]: 同上
[[Get]]: 默认undefined
[[Set]]: 默认undefined

以上都是理论 现在我们通过例子来论证
# 数据属性：
const obj = {
    name: 'hjx'
}
console.log(Object.getOwnPropertyDescriptor(obj, 'name'));
我们通过创建一个对象 并通过普通的方式给它添加了一个name属性 然后我们通过对象的静态方法获取到这个js用来描述这个属性的特性
{
    configurable: true
    enumerable: true
    value: "hjx"
    writable: true
}
我们可以看到 通过普通方式给对象添加的属性属于数据属性（数据属性和访问器属性区别 数据属性拥有value特性和writeable特性）
并且除value特性之外的其他特性默认为true
然后我们在测试通过defineProperty方式添加的属性
let obj = {}
Object.defineProperty(obj, 'name', {
    value: 'hjx'
})
console.log(Object.getOwnPropertyDescriptor(obj, 'name'));
{
    configurable: false
    enumerable: false
    value: "hjx"
    writable: false
}
我们发现通过defineProperty方式添加的属性除value特性之外 其他特性默认为false

# 访问器属性
普通方式添加的对象属性属于数据属性 为了验证访问器属性 我们需要通过defineProperty添加属性 并把属性改为访问器属性
let obj = {}
Object.defineProperty(obj, 'name', {
    get() {
        return 'hjx'
    }
})
console.log(Object.getOwnPropertyDescriptor(obj, 'name'));
{
    configurable: false
    enumerable: false
    get: ƒ get()
    set: undefined
}
我们发现 访问器属性的configuable 和 enumerable特性默认都为false 而get和set默认为undefined
这里有人获取不知道get和set函数是干嘛的 下面我们就深入讲解一下js访问对象属性和修改属性的原理

访问对象属性时：
	js引擎会看这个属性是数据属性还是访问器属性
	1. 数据属性：拿到value特性的值返回
	2. 访问器属性：调用get特性对应的函数 并返回该函数的返回值
修改对象属性时：
	js引擎看这个属性时数据属性还是访问器属性
	1. 数据属性：修改value特性的值
	2. 访问器属性：调用set特性对应的函数 并返回该函数的返回值