JS对象迷惑性：理解本质

对于C++、Java、C#面向对象的语言而言，对象这个词都是很明确的：“对象”必须以“类（Class）”为模板实例化而来。

而JS中的对象概念，则宽泛得多。例如，以下代码中的staff 、p都是对象，甚至函数Person也是对象：

//普通对象
const staff = {
    name: "Tom",
    age: 18
};

//Promise对象
const p = new Promise(...);

//函数也是一个对象
function Person(name) {
  this.name = name;
}

//普通对象
const staff = {
    name: "Tom",
    age: 18
};

//Promise对象
const p = new Promise(...);

//函数也是一个对象
function Person(name) {
  this.name = name;
}

这不禁让人困惑，JavaScript的对象到底指的是什么？

因为中文把 Object 翻译成“对象”，听起来特别抽象，实际上：

JS 里的“对象”并不是指某一种长相，而是指一种“可以被当成一个整体来管理，并且可以通过属性名找到内部东西”的值。

“对象”本质上只是一个包含键值对（Key-Value）的动态哈希表。

很粗浅的理解，对象就是一个可以装很多“属性”的东西。

认识了这个本质，我们很快就能理解了，staff，p，Person 长相完全不同，但它们在 JavaScript 的底层分类上都属于 Object。以下都是JS中的对象，只是创建它们的“模板”不同而已：

JavaScript Object
│
├── 普通对象
├── Promise对象
├── Array对象
├── Date对象
├── RegExp对象
├── Map对象
└── …

创建对象有很多种方式

例如，普通对象：

 const a = {};

 const a = {};

其它类型对象：

 //Promise 对象
 const b = new Promise(...);
 //Array 对象。
 const c = [];
 //Date 对象
 const d = new Date();
 //Map 对象
 const e = new Map();
 //RegExp 对象
 const f = /abc/;
  //甚至得到的是函数对象
 const g = function() {};

 //Promise 对象
 const b = new Promise(...);
 //Array 对象。
 const c = [];
 //Date 对象
 const d = new Date();
 //Map 对象
 const e = new Map();
 //RegExp 对象
 const f = /abc/;
  //甚至得到的是函数对象
 const g = function() {};

不要再把对象单一理解成：

 { name: “Tom”, age: 18 }

而应该理解成：

对象 = 一个可以拥有属性和方法、可以被独立操作的实体。

于是：

                  Object
                     │
         ┌───────────┼────────────┐
         ↓           ↓            ↓
      普通对象      Array        Promise
         │           │            │
     name/age     push/length   then/catch

它们虽然功能完全不同，但都属于“对象”这个大类别。