1. 数据属性#

数值属性包含一个保存数据值的位置。

以下有4种特性描述他们的行为

• [[Configurable]]： 表示属性以下特性。（默认情况下是true）

  • 是否可以通过 delete删除并且重新定义

  • 可以修改他的特性

  • 是否可以把它改为访问器属性

• [[Enumberable]]：表示属性。（默认情况是true）

  • 是否可以通过 for-in循环返回

• [[Writable]]：表示这个属性的值是否可以被修改呢，默认情况为true

• [[Value]]：包含属性实际的值。（这个就是数据属性保存数据值的位置，值会从这个位置读取，以及写入）默认值是undefined

1
let person = {
2
  name: 'weng'
3
}
4
// 这里name属性的特性[[Value]]就会被赋值为 weng
5
// 而其他的特性默认都是为true

1
let person = {};
2
Object.defineProperty(person, "name", {
3
    writable: false,
4
    value: 'weng'
5
});
6
// 这里设置了`[[Writable]]`属性为false，表示这个属性不能再被修改了
7
console.log(person.name) // weng
8
person.name = 'helloworld';  // 修改无效
9
console.log(person.name) // weng

1
let person = {};
2
Object.defineProperty(person, 'name', {
3
    configurable: false,
4
    value: 'weng'
5
})
6
// 这里把对象的[[Configurable]]特性设置为false
7
delete person.name;  // 删除无效
8
console.log(person.name) // weng

2. 访问器属性#

访问器属性是不包含数据值的。

他们包含一个（getter）函数和一个（setter）函数；

读取属性时候调取 getter 决定了应该怎么返回值，

设置属性的时候调用 setter，setter函数告诉你怎么对数据做出修改

有四个属性描述他们的行为

• [[Configurable]]：默认情况下为true
  • 是否可通过delete删除并重新定义
  • 是否可以修改它的特性
  • 是否可以把他改为数据属性
• [[Enumerable]]： 默认情况下为true
  • 表示属性是否可以通过 for-in循环-
• [[Get]]： 获取函数，在读取属性时候调用。默认值为undefined
• [[Set]]： 设置函数，在写入属性时候调用。默认值为undefined

和数据属性一样，访问器的属性也是不能直接定义的，必须使用Object.defineProperty()

如下例子：

1
const book = {
2
    year_: 2021, // 表示私有属性不能被外部访问
3
    edition: 1
4
}
5
Object.defineProperty(book, "year", {
6
    get(){
7
        return this.year_;
8
    }
9
    set(newValue){
10
      if(newValue > 2021){
11
            this.year_ = newValue;
12
            this.edition += newValue - 2021
13
        }
14
  }
15
})
16

17
book.year = 2022;
18
console.log(book.edition) // 2

以上是访问器属性的经典使用场景

获取函数和设置函数不一定都需要定义

只定义获取函数意味着属性是只读的

当然可以以上的Object.defineProperty只能定义单个属性，可以使用Object.defineProperties来定义多个属性值以及特性

1
let book = {}
2
Object.defineProperties(book, {
3
    year_:{
4
        value: 2021
5
    },
6
    edition:{
7
        value: 1
8
    },
9
    year: {
10
        get(){
11
            ....
12
        }
13
        set(){
14
        ....
15
    }
16
    }
17
})

1. Object.getOwnPropertyDescriptor()#

使用 Object.getOwnPropertyDescriptor()方法可以获取指定属性的属性描述符。

接受两个参数

属性所在对象，以及要取得其描述符号的属性名（数据属性，和访问器属性）。返回一个对象

例如：

1
let book = {};
2
Object.defineProperties(book, {
3
    year_:{
4
        value: 2021
5
    },
6
    edition:{
7
        value: 1
8
    },
9
    year: {
10
        get(){
11
            ....
12
        }
13
        set(){
14
        ....
15
    }
16
    }
17
})
18
let desc = Object.getOwnPropertyDescriptor(book,"year_");
19
let descYear = Object.getOwnPropertyDescriptor(book, "year");

desc的值如下

descYear值如下：

2. Object.getOwnPropertyDescriptors()#

es2017新增的静态方法，这个方法会在每个自有属性上调用Object.defineProperties

1
console.log(Object.getOwnPropertyDescriptors(book));

打印出来的如下

注意：这两个方法只对实例属性有效果，是不能取得原型属性上的描述符，如果需要取得原型属性上的描述符，就得直接再原型对象上面直接调用这两个方法