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

Question

我一直在寻找一个图表，其中显示了内置类型的 javascript，例如 Function 和 String，但在 google 上，我一直在寻找与浏览器相关的图表，例如 Window。

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

Answer 1

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

• 原始字符串
• 原始布尔值
• 原始数字
• 原始BigInt（ES2020+，原始任意大整数）
• 未定义类型，只有一个实例：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）（ES201）
  • Map (ES2015+)
  • WeakMap (ES2015+)
  • Set (ES2015+)
  • WeakSet (ES2015+)
  • Promise (ES2015+)
  • Reflect (ES2015+)

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

在 UML 中，它看起来像 this:

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

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