javascript - 关于defineProperty的value

Question

> var a = {}
> Object.defineProperty(a, "b", {
... value: 110})
{}
> a
{}
> a.b
110
> a.b = 555
555
> a.b
110

> var aa = {b: 1}
undefined
> Object.defineProperty(aa, "b", {
... value: 119})
{ b: 119 }
> aa.b
119
> aa.b = 1
1
> aa.b
1

为什么aa.b可更改，a.b不能？

Answer 1

属性描述符有三个属性分别是 configurable enumerable writable，默认值均为 false
而使用对象字面量定义的属性描述符均为 true，可以通过 Object.getOwnPropertyDescriptor(a, 'b') 及 Object.getOwnPropertyDescriptor(aa, 'b') 来获取两个属性的描述符。

所以 a.b 不可修改，aa.b 可以修改。

Answer 2

因为默认情况下,通过Object.defineProperty()定义的属性的属性值均为false是不可写的.

a = {}
Object.getOwnPropertyDescriptor(a, 'b')
// > undefined
Object.defineProperty(a, "b", {value: 119})
Object.getOwnPropertyDescriptor(a, 'b')
// > Object {value: 119, writable: false, enumerable: false, configurable: false}

而通过对象字面量定义的属性默认是可写的,调用`

aa = { b: 1 }
Object.getOwnPropertyDescriptor(aa, 'b')
// > Object {value: 1, writable: true, enumerable: true, configurable: true}

所以aa的b属性是可写的. 所以Object.defineProperty()并不改变属性的属性值.所以aa的b的值会改变.