在我看来，不论我们使用什么样的编程语言，我们都先应该去理解对象的本质特征

JavaScript对象的特征

对象具有唯一标识性：即使是看起来完全一样的两个对象，也并非同一个对象。

对象具有唯一标识性。一般而言，各种语言的对象唯一标识性都是用内存地址来体现的，对象具有唯一标识的内存地址，所以具有唯一的标识。

任何不同的 JavaScript 对象其实是互不相等的

var str1 = { a: 1 }
var str2 = { a: 1 }

console.log(str1 == str2)   // false

对象具有状态：对象具有状态，同一个对象可能处于不同的状态下
对象具有行为：对象的行为，可以改变对象的状态

var obj = {
    a: 0,               // 状态
  f(){              // 行为
    console.log(this.a)
  }
}

在JavaScript中，将状态和行为统一抽象为“属性”，在上述例子中，尽管 a 和 f 的写法不太相同，但是对于JavaScript来说，a 和 f 就是两个普通属性

JavaScript对象的特点

与Java或者其他别的语言不一样，JavaScript 允许运行时向对象添加属性；

在实现了对象基本特征的基础上, JavaScript 中对象独有的特色是：对象具有高度的动态性，这是因为 JavaScript 赋予了使用者在运行时为对象添改状态和行为的能力。

var obj = { a: 1 }
obj.b = 2

console.log(obj.a, obj.b)   // 1  2

为了提高抽象能力，JavaScript 的属性被设计成比别的语言更加复杂的形式，它提供了数据属性和访问器属性（getter/setter） 两类。

JavaScript对象的两类属性

数据属性

数据属性接近于其他语言的属性概念。数据属性具有四个特征：

value：属性的值
writable：决定属性是否可以被赋值
enumerable：决定 for in 能否枚举该属性
configurable：决定该属性能否被删除或者改变特征值

**
**

通产情况下，我们定义属性的代码会产生数据属性，其中 writable、enumerable、configurable 都默认为 true。

我们可以使用对象的内置函数 getOwnPropertyDescriptor 来查看

var obj = { a: 1 };
o.b = 2

Object.getOwnPropertyDescriptor(o,"a") // {value: 1, writable: true, enumerable: true, configurable: true}
Object.getOwnPropertyDescriptor(o,"b") // {value: 2, writable: true, enumerable: true, configurable: true}

如果我们要想改变属性的特征，我们可以使用 Object.defineProperty

var obj = { a: 1 }; 
Object.defineProperty(o, "b", {
  value: 2,
  writable: false,
  enumerable: false,
  configurable: true
});
//a和b都是数据属性，但特征值变化了

Object.getOwnPropertyDescriptor(obj, "a"); // {value: 1, writable: true, enumerable: true, configurable: true}

Object.getOwnPropertyDescriptor(obj, "b"); // {value: 2, writable: false, enumerable: false, configurable: true} 

obj.b = 3; 
console.log(obj.b); // 2

因为 writable 特征为 false，所以我们重新对 b 赋值，b 的值不会发生变化。

访问器属性

访问器属性也具有四个特征：

getter：函数或 undefined，在取属性值时被调用。
setter：函数或 undefined，在设置属性值时被调用。
enumerable：决定 for in 能否枚举该属性。
configurable：决定该属性能否被删除或者改变特征值。

在创建对象时，也可以使用 get 和 set 关键字来创建访问器属性

var obj = {
    get a(){
    return 1
  }
}

console.log(obj.a)   // 1

访问器属性跟数据属性不同，每次访问属性都会执行 getter 或者 setter 函数。这里我们的 getter 函数返回了 1，所以 obj.a 每次都得到 1。

实际上 JavaScript 对象的运行时是一个“属性的集合”，属性以字符串或者 Symbol 为 key，以数据属性特征值或者访问器属性特征值为 value。

对象是一个属性的索引结构（索引结构是一类常见的数据结构，我们可以把它理解为一个能够以比较快的速度用 key 来查找 value 的字典）。

我们以上面的对象 obj 为例，可以想象一下“a”是 key。

总结

在这篇文章中，我从对象的基本理论出发，理清了关于对象的一些基本概念，分析了 JavaScript 对象的设计思路。接下来又从运行时的角度，介绍了 JavaScript 对象的具体设计：具有高度动态性的属性集合。

JavaScript对象的设计思路