对象使用Object.defineProperty()新增属性遇到的问题

对象使用Object.defineProperty()新增属性遇到的问题

直接定义一个对象及其属性，使用Object.keys()打印这个对象的所有key值,结果如下

let obj = {
  name: "张三",
  age: 18,
  hobbies: ["唱歌", "跳舞"]
}
onsole.log(Object.keys(obj));     // ["name", "age", "hobby"]

当使用Object.defineProperty() 给对象新增属性后再次打印key值时

Object.defineProperty(obj,"addr",{
    value: "江苏"
})
console.log(obj);    // {name: "张三", age: 18, hobby: Array(2), addr: "江苏"}
console.log(Object.keys(obj));    // ["name", "age", "hobby"]

就变成了如上的结果：属性已经新增成功，但是使用Object.keys()打印的时候却没有新增的属性。
查阅资料发现Object.defineProperty() 给对象新增属性时，新增属性默认是不可枚举的，需要自己更改
修改上面的代码，属性枚举成功。。。

 Object.defineProperty(obj,"addr",{
	value: "江苏",
	enumerable: true  //将enumerable设为true
})
console.log(obj); //{name: "张三", age: 18, hobby: Array(2), addr: "江苏"}
console.log(Object.keys(obj)); //  ["name", "age", "hobby", "addr"]

补充：Object.defineProperty(obj, prop, descriptor)的三个参数分别为1、需要添加或修改属性的对象 2、需要新增或修改的属性 3、属性的描述符
属性的描述符是一个对象，主要有
value: 属性值
configurable：当且仅当该属性的 configurable 键值为 true 时，该属性的描述符才能够被改变，同时该属性也能从对应的对象上被删除。默认为 false。
enumerable：当且仅当该属性的 enumerable 键值为 true 时，该属性才会出现在对象的枚举属性中。默认为 false。
writable：当且仅当该属性的 writable 键值为 true 时，属性的值，也就是上面的 value，才能被赋值运算符改变。默认为 false。
get：属性的 getter 函数，如果没有 getter，则为 undefined。默认为 undefined
set：性的 setter 函数，如果没有 setter，则为 undefined。默认为 undefined