js属性类型及其特性操作方法

// js中有两种属性：数据属性和访问器属性； 
/**
 * 1.【数据属性】的4个特性：
 * [[Configurable]]: 可配置性；
 * 表示能否通过delete删除属性从而重新定义属性，能否修改属性的特性，或者能否把属性修改为访问器属性；
 * 直接在对象上定义的属性，这个特性值默认为true。
 * 
 * [[Enumerable]]: 可枚举性；
 * 表示能否通过for-in循环返回属性；
 * 直接在对象上定义的属性，这个特性值默认为true。
 * 
 * [[Writable]]: 可写性；
 * 表示能否修改属性的值；
 * 直接在对象上定义的属性，这个特性值默认为true。
 * 
 * [[Value]]: 属性的数据值；
 * 表示当前属性的值，读写属性值的时候，都是从这个位置读写；
 * 这个特性值默认为undefined。
 * 
 * eg：
 * 修改数据属性的默认特性，使用Object.defineProperty(obj, 'propName', descriptors)方法；
 * obj:属性所在的对象；
 * propName：属性名称；
 * descriptors：描述对象(包括4个可配置项，configurable，enumerable，writable，value)；
 * eg:
 */
let info = {
    name: 'world'
};
Object.defineProperty(info, 'name', {
    configurable: true, // 是否可配置，默认为true；
    enumerable: true, // 是否可以被for-in遍历，默认为true；
    writable: true, // 是否可执行写入操作，默认为true；
    value: 'hello' // 属性的值，默认为undefined
});
// 使用 Object.defineProperties() 方法配置修改多个属性；

/**
 * 2.【访问器属性】的4个特性：
 * 注意：访问器属性不能直接定义，必须通过Object.defineProperty()方法来定义。
 * [[Configurable]]: 可配置性；同数据属性。
 * 
 * [[Enumerable]]: 可枚举性；同数据属性。
 * 
 * [[Get]]: 在读取属性时调用的函数，默认值为undefined。
 * 
 * [[Set]]: 在写入属性时调用的函数，默认值为undefined。
 * 
 * eg:
 * 使用Object.defineProperty(obj, 'propName', descriptors)方法定义；
 * obj:属性所在的对象；
 * propName：属性名称；
 * descriptors：描述对象(包括4个可配置项，configurable，enumerable，get，set)；
 * eg:
 */
let book = {
    _year: 2004,
    edition: 1
};
Object.defineProperty(book, 'year', {
    configurable: true, // 是否可配置，默认为true；
    enumerable: true, // 是否可以被for-in遍历，默认为true；
    get: function () {
        return this._year;
    },
    set: function (newVal) {
        if (newVal > 2004) {
            this._year = newVal;
            this.edition += newVal - 2004;
        }
    }
});
book.year = 2008;
console.log('book.edition+++++', book.edition); // book.edition+++++ 5
// 使用 Object.defineProperties() 方法配置修改多个属性；

// 3.定义多个属性【Object.defineProperties()】方法：
let obj = {};
Object.defineProperties(obj, {
    name: {
        writable: true,
        value: 'Jane'
    },
    age: {
        writable: true,
        value: 20
    },
    description: {
        get () {
            return `${this.name} is ${this.age} years old.`
        },
        set (val) {
            // 不设置值的话可以省略
        }
    }
})
console.log('obj.description+++++++', obj.description); // obj.description+++++++ Jane is 20 years old.

// 4.读取属性的特性【Object.getOwnPropertyDescriptor()】方法：
let getValue = Object.getOwnPropertyDescriptor(book, 'edition')
console.log('getValue+++++', getValue); // getValue+++++ { value: 5, writable: true, enumerable: true, configurable: true }

 

参考资料：《JavaScript高级程序设计》第三版