javascript面向对象属性函数用法(defineProperty与getOwnPropertyDescriptor)

defineProperty用于设置一个对象的属性值和描述符，描述符有4个：[[Configurable]], [[Enumerable]], [[Writable]],[[Value]]

当一个属性的描述符设置了[[Writable]]，是什么意思呢？

        "use strict";
        var person = {};
        Object.defineProperty( person, "name", {
            writable : false,
            value : 'ghostwu'
        } );
        console.log( person.name ); //ghostwu
        person.name = "this is ghostwu";
        console.log( person.name );//ghostwu

defineProperty为person对象，添加一个name属性,两个属性描述符:

• writeble属性: false:不可写 true: 可写

• value属性: 'ghostwu'

也就是说，name这个属性的值为ghostwu, 但是不能修改这个值。writable为false的时候，
如果对这个属性name进行重新赋值(修改)在非严格模式下，赋值会被忽略，在严格模式下会报错.

当一个属性的描述符设置了[[Configurable]]？

//        "use strict";
        var person = {};
        Object.defineProperty( person, "name", {
            configurable : false,
            value : 'ghostwu'
        } );
        console.log( person.name ); //ghostwu
        delete person.name;
        console.log( person.name );//ghostwu

        Object.defineProperty( person, "name", {
            configurable : true,  //报错
            value : 'ghostwu'
        } );

defineProperty为person对象，添加一个name属性,

• configurable属性: false:不可配置 true: 可配置
• value属性: 'ghostwu'

也就是说，name这个属性的值为ghostwu, 但是不能删除这个值,
configurable为false的时候，如果删除name属性，在非严格模式下，删除操作会被忽略，在严格模式下会报错

而且如果对一个设置了configurable为false的属性，想把它重新改为true，会报错， 如上例12行

当一个属性的描述符设置了[[Enumerable]]？

//        "use strict";
        var person = {};
        Object.defineProperty(person, "name", {
            enumerable: true,
            value: 'ghostwu'
        });
        Object.defineProperty(person, "sex", {
            enumerable: false,
            value: 'man'
        });
        Object.defineProperty(person, "age", {
            enumerable: true,
            value: 22
        });

        /*
            name--->ghostwu
            age--->22
        */
        for( var i in person ){
            console.log( i + '--->' + person[i] );
        }

 

defineProperty为person对象，添加3个属性,name,age,sex.  enumerable属性: false:不可枚举 true: 可枚举
也就是说一个属性，如果他的enumerable的值为false，那么这个属性是不能被for...in遍历(循环/枚举)
如上例, sex设置为不可枚举, 所以for..in不会把他枚举出来

Object.getOwnPropertyDescriptor()方法：可以取得给定属性的描述符, 这个方法支持2个参数, 参数1：属性所在的对象. 参数2 : 属性名称。返回值为一个对象

        var person = {
            name : 'ghostwu',
            age : 22,
        };
        var descriptor = Object.getOwnPropertyDescriptor( person, "name" );
        console.log( descriptor.configurable ); //true
        console.log( descriptor.enumerable ); //true
        console.log( descriptor.writable ); //true
        console.log( descriptor.value ); //ghostwu

对于没有使用Object.defineProperty定义的对象. 他们的描述符: configurable,enumerable,writable默认值都为true.

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

        var descriptor2 = Object.getOwnPropertyDescriptor( person2, "name" );
        console.log( descriptor2.configurable ); //false
        console.log( descriptor2.enumerable ); //false
        console.log( descriptor2.writable ); //false
        console.log( descriptor2.value ); //ghostwu

对于使用Object.defineProperty定义的对象，如果没有配置描述符的值，那么configurable,enumerable,writable默认值为false