js中Object.defineProperty(面试题)

使用

Object.defineProperty(对象，属性名，{
描述符
})

面试题

        var obj = {
            brand: "华为",
            price: 1999
        }
        Object.defineProperty(obj, 'id', {
            value: 1
        })
        Object.defineProperty(obj, 'price', {
            configurable: false
        })
        console.log(Object.keys(obj).length); //2
        for (var k in obj) {
            console.log(obj[k]) //华为 1999
        }
        obj.price = 999;
        delete obj['price']
        console.log(obj) //{brand: "华为",price: 1999,id:1}

首先我们要明白，如果直接用字面量的形式定义对象

        var obj = {
            brand: "华为",
            price: 1999
        }
        相当于
        Object.defineProperty(obj, 'brand', {
            value: "华为",
            writable : true,
 		    enumerable : true,
  			configurable : true
        })

当使用下面 Object.defineProperty直接定义对象时，如果没有设置writable，enumerable，configurable这三个属性默认为false

针对第一个输出和第二个输出: id属性enumerable为false,所以不能被for in和Object.keys()所枚举，所以第一个输出obj的长度为2，第二个只打印华为 1999两个属性值。
针对第三个输出： 第三个输出就比较容易了，price属性的configurable为false，所以无法删除该属性。所以三个属性全部输出。（这里要注意，描述符enumerable为false的的属性一样可以在console.log中输出）

1. 当使用字面量定义对象时，enumerable，writable，configurable三个描述符默认为true，当使用Object.definedProperty定义对象时，如果没有对这三个描述符进行赋值，那默认这三个值就为false。
2. 当对象属性的描述符enumerable为false时，该属性不能被Object.keys和for in所枚举。