这个图来自于《javascript语言精髓与编程实践》第三章p184页。最近在改第二版，这张图重做了，需要的可以对照着看。
此外，补充一下图中用到的概念：
1、内置（build-in）对象与原生（naitve）对象的区别在于：前者总是在引擎初始化阶段就被创建好的对象，是后者的一个子集；而后者包括了一些在运行过程中动态创建的对象。
2、引擎扩展对象是一个并不太大的集合，一般来说比较确定，它们也属于引擎的原生对象（但不属于ecma规范的原生对象）。
3、宿主对象不是引擎的原生对象，而是由宿主框架通过某种机制注册到javascript引擎中的对象。
4、一些宿主会把自己提供的对象／构造器也称为“原生对象”，例如internet explorer 7就把它提供的xmlhttprequest()称为原生的——与此相对的是在它的更早先版本中通过“new activexobject('microsoft.xmlhttp')”这样的方法创建的对象。这种情况下，读者应注意到“宿主的原生对象”与“引擎的原生对象”之间的差异。
转自：http://www.w3cfuns.com/thread-5594427-1-1.html
javascript 本地对象、内置对象、宿主对象
本地对象(要new)
ecma-262 把本地对象（native object）定义为“独立于宿主环境的 ecmascript 实现提供的对象”。
object、function、array、string、boolean、number、date、regexp、error、evalerror、rangeerror、referenceerror、syntaxerror、typeerror、urierror、activexobject(服务器方面)、enumerator(集合遍历类)、regexp（正则表达式）
由此可以看出，简单来说，本地对象就是 ecma-262 定义的类（引用类型）。
内置对象(不要new 直接引用——只有math global)
ecma-262 把内置对象（built-in object）定义为“由 ecmascript 实现提供的、独立于宿主环境的所有对象，在 ecmascript 程序开始执行时出现”。这意味着开发者不必明确实例化内置对象，它已被实例化了。
同样是“独立于宿主环境”。根据定义我们似乎很难分清“内置对象”与“本地对象”的区别。而ecma-262 只定义了两个内置对象，即 global 和 math （它们也是本地对象，根据定义，每个内置对象都是本地对象）。
如此就可以理解了。内置对象是本地对象的一种。而其包含的两种对象中，math对象我们经常用到，可这个global对象是啥东西呢？
global对象是ecmascript中最特别的对象，因为实际上它根本不存在！在ecmascript中，不存在独立的函数，所有函数都必须是某个对象的方法。
类似于isnan()、parseint()和parsefloat()方法等，看起来都是函数，而实际上，它们都是global对象的方法。而且global对象的方法还不止这些。有关global对象的具体方法和属性，感兴趣的同学可以看一下这里：javascript 全局对象参考手册
宿主对象(bom dom & 自定义对象)
何为“宿主对象”？ ecmascript中的“宿主”当然就是我们网页的运行环境，即“操作系统”和“浏览器”。所有非本地对象都是宿主对象（host object），即由 ecmascript 实现的宿主环境提供的对象。
所有的bom和dom对象都是宿主对象。因为其对于不同的“宿主”环境所展示的内容不同。其实说白了就是，ecmascript官方未定义的对象都属于宿主对象，因为其未定义的对象大多数是自己通过ecmascript程序创建的对象。tml dom 是 w3c 标准（是 html 文档对象模型的英文缩写，document object model for html）。
html dom 定义了用于 html 的一系列标准的对象，以及访问和处理 html 文档的标准方法。
通过 dom，可以访问所有的 html 元素，连同它们所包含的文本和属性。可以对其中的内容进行修改和删除，同时也可以创建新的元素。
dhtml dom 独立于平台和编程语言。它可被任何编程语言诸如 java、javascript 和 vbscript 使用。
点击下面的链接，可获得更多关于如何使用 javascript 来访问和处理 dom 对象的知识：
dom对象：
document代表整个 html 文档，用来访问页面中的所有元素。anchor代表 <a> 元素。area代表图像地图中的 <area> 元素。base代表 <base> 元素。body代表图像地图中的 <body> 元素。button代表 <button> 元素。event代表事件的状态form代表 <form> 元素frame代表 <frame> 元素frameset代表 <frameset> 元素iframe代表 <iframe> 元素image代表 <img> 元素input button代表 html 表单中的按钮input checkbox代表 html 表单中的选择框input file代表 html 表单中的 fileupload 。input hidden代表 html 表单中的隐藏域。input password代表 html 表单中的密码域。input radio代表 html 表单中的单选框。input reset代表 html 表单中的重置按钮。input submit代表 html 表单中的确认按钮。input text代表 html 表单中的文本输入域。link代表 <link> 元素meta代表 <meta> 元素object代表一个 <object> 元素option代表 <option> 元素select代表 html 表单中的选择列表。style代表某个单独的样式声明。table代表 <table> 元素。tabledata代表 <td> 元素。tablerow代表 <tr> 元素。textarea代表 <textarea> 元素。
bom对象：（browser objects madel)
待补充。。。
总结
本地对象，就是那些官方定义好了的对象。内置对象是本地对象的一种，其只包含global对象和math对象。而宿主对象则是那些官方未定义，你自己构建的对象加上dom和bom对象组成的。
转自：https://blog.csdn.net/foamflower/article/details/9165691
相关推荐：
xtree.js 代码_javascript技巧
以上就是js中各种对象关系 的详细内容。