JS的Object.defineProperty

在使用js的Object.defineProperty来给一个对象定义属性时，为什么没有设置writable，configurable，enumerable为false,却改变不了它的value和读出它的属性名？

首先，我们了解一下Object.defineProperty的四个数据属性

configurable： 仅当该属性的 configurable 为 true 时，该属性才能够被改变，也能够被删除。默认为 false

enumerable ：仅当该属性的 enumerable 为 true 时，该属性才能够出现在对象的枚举属性中。默认为 false

writable： 仅当仅当该属性的writable为 true 时，该属性才能被赋值运算符改变。默认为 false

value： 该属性对应的值。可以是任何有效的 JavaScript 值（数值，对象，函数等）。默认为 undefined

接着，我们来看一下代码。

var person={};
Object.defineProperty(person,"name",{
value:'Margot'
});

console.log(person.name);  //Margot
person.name='Alice';
console.log(person.name);  //Margot
console.log(Object.keys(person)); // []

这是因为，在调用Object.defineProperty()方法创建一个新的属性时，如果不指定，writable，configurable，enumerable三个特性的默认值都为false，所以我们无法对它的属性进行更改、写入和循环返回出属性名。

另外，我们要知道，在非严格模式下，

person.name='Alice';

这行赋值会被忽略；在严格模式下，会导致抛出错误。

但如果我们用var定义person的时候就给了一个name属性，也就是说调用Object.defineProperty()方法只是修改已定义的属性的特性时，就可以正常更改、写入和循环返回了。如下所示

var person={
name:'Mike'
};
Object.defineProperty(person,"name",{
value:'Margot'
});

console.log(person.name);  //Margot
person.name='Alice';
console.log(person.name);  //Alice
console.log(Object.keys(person)); // [ 'name' ]