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

Question

我一直在寻找一个显示内置类型的 javascript 的图表Function，String但在谷歌上我一直在寻找与浏览器相关的图表，如Window.

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

Answer 1

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

• 原始字符串
• 原始布尔值
• 原始数
• 原始BigInt（ES2020+，原始任意大整数）
• Undefined 类型，它只有一个实例：undefined
• Null 类型，它只有一个实例：null
• Symbol（原始类型）（ES2015+）
• Proxy（一种对象类型，但不受默认对象原型支持）（ES2015+）
• Object
  • String
  • Boolean
  • Number
  • BigInt(ES2020+)
  • Function
  • Date
  • RegExp
  • Array
  • Math
  • Error * EvalError * RangeError * ReferenceError * SyntaxError * TypeError * URIError * AggregateError(ES2020+)
  • JSON(ES5+)
  • ArrayBuffer(ES2015+)
  • DataView(ES2015+)
  • 类型化数组 ( Int8Array, Uint8Array, Uint8ClampedArray, Int16Array, Uint16Array, Int32Array, Uint32Array, Float32Array, Float64Array) (ES2015+)
  • Map(ES2015+)
  • WeakMap(ES2015+)
  • Set(ES2015+)
  • WeakSet(ES2015+)
  • Promise(ES2015+)
  • Reflect(ES2015+)

我认为这是通过 ES2022 更新的。要获取最新信息，请查看规范的最新编辑草稿。

在 UML 中，它看起来像这样：

（点击图片打开，可以放大）

请注意，这只是JavaScript的类型树。它不包括许多其他在浏览器上经常与JavaScript 一起使用的东西（例如DOM、worker API、web storage、File API等）。