1. 理解对象

1.1 属性的类型

属性分两种：数据属性和访问器属性。。
为了将某个特性标识为内部特性，规范会用两个中括号把特性的名称括起来，比如[[Enumerable]]

1.1.1 数据属性

数据属性有4个特性

  • [[Configurable]]：表示属性是否可以通过 delete 删除并重新定义，是否可以修改它的特性，以及是否可以把它改为访问器属性。默认为true。
  • [[Enumerable]]：表示属性是否可以通过 for-in 循环返回，是否可以遍历。默认为 true，
  • [[Writable]]：表示属性的值是否可以被修改。默认为true
  • [[Value]]：包含属性实际的值。这就是前面提到的那个读取和写入属性值的位置。这个特性的默认值为 undefined。


Object.defineProperty()方法**

  1. let person = {}; 
  2. Object.defineProperty(person, "name", { 
  3.  writable: false, 
  4.  value: "Nicholas" 
  5. }); 
  6. console.log(person.name); // "Nicholas" 
  7. person.name = "Greg"; 
  8. console.log(person.name); // "Nicholas"

1.1.2 访问器属性

包含一个获取（getter）函数和一个设置（setter）函数

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

访问器的属性不能直接定义，必须使用Object.defineProperty()

  1. let book = { 
  2.  year_: 2017, 
  3.  edition: 1
  4.   }; 
  5. Object.defineProperty(book, "year", { 
  6.  get() { 
  7.  return this.year_; 
  8.  }, 
  9.  set(newValue) { 
  10.  if (newValue > 2017) { 
  11.  this.year_ = newValue; 
  12.  this.edition += newValue - 2017; 
  13.  } 
  14.  } 
  15. }); 
  16. book.year = 2018; 
  17. console.log(book.edition); // 2

访问器属性的典型使用场景，即设置一个属性值会导致一些其他变化发生。

1.2 定义多个属性

  1. let book = {}; 
  2. Object.defineProperties(book, { 
  3.  year_: { 
  4.  value: 2017 
  5.  }, 
  6.  edition: { 
  7.  value: 1 
  8.  }, 
  9.  year: { 
  10.  get() { 
  11.  return this.year_; 
  12.  },
  13.    set(newValue) { 
  14.  if (newValue > 2017) { 
  15.  this.year_ = newValue; 
  16.  this.edition += newValue - 2017; 
  17.  } 
  18.  } 
  19.  } 
  20. });