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

时间:2013-11-10 15:23:03

标签: javascript class-hierarchy

我正在寻找一个图表,其中显示内置类型的javascript,例如FunctionString,但在google上,我一直在寻找与浏览器相关的内容,例如Window。< / p>

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

1 个答案:

答案 0 :(得分:16)

对于JavaScript类型来说,没有太多深度,图表将是相当平坦的。它基本上是(最后的UML):

  • 原始字符串
  • 原始数字
  • primitive boolean
  • 未定义类型,它只有一个实例:undefined
  • Null类型,只有一个实例:null
  • Symbol(原始类型)(ES2015 +)
  • Proxy(对象类型,但没有默认对象原型支持的对象类型)(ES2015 +)
  • Object
    • Number
    • String
    • Boolean
    • Function
    • Date
    • RegExp
    • Array
    • Math
    • Error
      • EvalError
      • RangeError
      • ReferenceError
      • SyntaxError
      • TypeError
      • URIError
    • JSON(ES5 +)
    • ArrayBuffer(ES2015 +)
    • DataView(ES2015 +)
    • 键入的数组(Int8ArrayUint8ArrayUint8ClampedArrayInt16ArrayUint16ArrayInt32ArrayUint32Array,{ {1}},Float32Array)(ES2015 +)
    • Float64Array(ES2015 +)
    • Map(ES2015 +)
    • WeakMap(ES2015 +)
    • Set(ES2015 +)
    • WeakSet(ES2015 +)
    • Promise(ES2015 +)

所以在UML中,类似于this

Flat class hierarchy in JavaScript

(点击图片将其打开,以便您可以缩放)

请注意,这只是 JavaScript 的类型树。它不包含许多在浏览器上经常使用 with JavaScript的其他内容(例如DOMworker's APIweb storage,{{ 3}}等等。)。