JAVASCRIPT面向对象的程序设计之对象属性类型

迈不过友情╰ 2022-03-17 01:44 310阅读 0赞

# 在ECMAScript中有两种属性：数据属性和访问器属性 #

--------------------

数据属性包含一个数据值的位置。 这个位置可以读取和写入值。 数据属性有4个可以描述其行为的特性：

1 \[\[configurable\]\] : 表示能否通过delete删除属性从而都重新定义属性，能否修改属性的特性， 或者能否把属性修改为访问器属性。

2 \[\[enumerable\]\] : 表示能否通过for-in循环返回属性。

3 \[\[writable\]\] : 表示能否修改属性的值。

4 \[\[value\]\] : 包含这个属性的属性值。

--------------------

访问器属性不包含数据值；它们包含一对儿getter和setter函数（这两个函数不是必须的），访问器属性也有4个特性：

1 \[\[configurable\]\] : 表示能否通过delete删除属性从而都重新定义属性，能否修改属性的特性， 或者能否把属性修改为访问器属性。

2 \[\[enumerable\]\] : 表示能否通过for-in循环返回属性。

3 \[\[get\]\] : 在读取属性时调用的函数。

4 \[\[set\]\] : 在写入属性时调用的函数。

--------------------

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h6cF9mb3JldmVy_size_16_color_FFFFFF_t_70][]

修改属性默认的特性：

要修改单个属性默认的特性，需要通过Object.defineProperty()方法。

var person = {
    }
    Object.defineProperty(person, "name", {
        writable: false,
        value: "XC"
    });
    person.name = "HH";

var person = {
    }
    Object.defineProperty(person, "name", {
        configurable: false,
        value: "XC"
    });
    delete(person.name);

注意：在调用Object.defineProperty()方法的时候，如果不指定configurable, enumerable和writable特性时，这三个特性的默认值为false.

--------------------

而要修改单个属性默认的特性，则需要通过Object.defineProperties()方法。

注意：不能同时定义value特性和Get,Set特性

--------------------

读取属性的特性：

有时候需要知道一个属性的特性值，这个时候需要调用Object.getOwnPropertyDescriptor()方法

Object.getOwnPropertyDescriptor(person, "name");
    Object.getOwnPropertyDescriptor(person, "_age");
    Object.getOwnPropertyDescriptor(person, "age");

加油站：在Javascript中，可以针对任何对象-包括DOM和BOM对象， 使用Object.getOwnPropertyDescriptor()方法

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3h6cF9mb3JldmVy_size_16_color_FFFFFF_t_70]: /images/20220317/b1b747ef5537474a91954a0ac1258d05.png