javascript - JavaScript 中的内置对象层次结构是什么样的？

Question

我一直在寻找一个图表，它显示了内置的 javascript 类型，如 Function 和 String 但在谷歌上我一直在寻找与浏览器相关的图表，如 窗口。

我只是在寻找纯js对象图。我知道 ECMA 规范，但我正在寻找图表，因为我是视觉型的。

Answer 1

JavaScript 类型没有太多深度可言，该图相当平坦。它基本上是这样的(最后是 UML)，尽管随着时间的推移这会过时，因为 JavaScript 是一种不断发展的语言:

• 原始字符串
• 原始 bool 值
• 原始数
• 原始 BigInt(ES2020+，原始任意大整数)
• Undefined 类型，只有一个实例:undefined
• Null 类型，只有一个实例:null
• Symbol(原始类型)(ES2015+)
• Proxy(一种对象类型，但不受默认对象原型(prototype)支持)(ES2015+)
• 对象
  • 字符串
  • bool 值
  • 编号
  • BigInt (ES2020+)
  • 函数
  • 日期
  • 正则表达式
  • 数组
  • 数学
  • 错误 * 评估错误 * 范围错误 * 引用错误 * 语法错误 * 类型错误 * URIError * 聚合错误 (ES2020+)
  • JSON (ES5+)
  • ArrayBuffer (ES2015+)
  • 数据 View (ES2015+)
  • 类型化数组 (Int8Array, Uint8Array, Uint8ClampedArray, Int16Array, Uint16Array, Int32Array, Uint32Array, Float32Array, Float64Array) (ES2015+)
  • map (ES2015+)
  • 弱映射 (ES2015+)
  • 设置 (ES2015+)
  • 弱集 (ES2015+)
  • Promise (ES2015+)
  • 反射(reflect) (ES2015+)

我认为这是最新的 ES2022。要获取最新信息，请查看 the latest editor's draft规范。

在 UML 中，它类似于 this :

(单击图像打开它以便缩放)

请注意，这只是 JavaScript 的类型树。它不包括浏览器上 JavaScript 经常使用的许多其他东西(例如 DOM、workers API、web storage、File API 等等) .).