本文摘自PHP中文网，作者青灯夜游，侵删。
JS和ES
每一个学习JS的同学都听说过ES5,ES6,但是，是否所有的同学都清除的知道他们之间的关系呢？我们通常认为这两个是一个东西，事实上他们的关系如下：
从上面的图中我们清除的看到，他们不是并列关系，而是包含关系，那么下面就分别介绍一下
ECMAScript
核心，它本身并没有输入和输出的定义，这门语言和浏览器也没有依赖关系。浏览器只是提供了语言的宿主环境，同时提供了这门语言的实现以及一些本地化的扩展。
既然浏览器是宿主环境，那就还存在别的宿主环境：比如Node，比如Adobe Flash
ECMAScript规定了这门语言的：
- 语法
- 类型
- 语句
- 关键字
- 保留字
- 操作符
- 对象
这就说明，我们也可以写一门语言作为ECMAScript的实现，就像JavaScript一样，我们只需要：
- 支持ECMAScript描述的所有类型 值 对象 属性 函数 以及程序语法和语义
- 支持Unicode
注意：
- JSON对象是原生ECMAScript支持的
DOM 文档对象模型
在浏览器中，基于ECMAScript实现的DOM已经成为了JS这门语言的重要组成部分
DOM就是通过HTML描述的，页面元素的树状结构对象，就是下面这个东西：
我们需要注意这么几个概念：
- DOM是一种标准，这种标准规定了如何通过HTML来映射对象，以简化对于HTML中表达的各个节点的操作
- ECMAScript和DOM的关系是：浏览器中用符合ECMAScript标准的语言实现了DOM标准
- 可以使用别的语言实现DOM
DOM规定了下面这些东西：
- HTML映射对象，对象的操作
- 鼠标，用户事件等
- CSS样式接口
- 遍历文档树的接口
BOM 浏览器对象模型
DOM对象是页面中，用HTML编写的元素的映射，而BOM对象是浏览器对象的映射，通过BOM，我们可以且不限于可以做下面的事情：
- 弹出新的窗口
- 移动 缩放 关闭浏览器
- 支持cookies
- 获得 window 或者 navigator对象
目前BOM的标准由HTML5才有标准可以遵循，所以之前各个浏览器中对于BOM功能的支持都不尽相同，有了HTML5，BOM在未来的某一天会真正的统一。
ES6
ES6已经在2015年6月正式发布
各个网站对于ES6的语法支持程度不一样
需要查询宿主环境对于ES6的支持可以使用工具
- 需要查询浏览器对于ES6的支持可以访问网页
如果不想面对不同宿主环境对于ES6兼容性的问题，可以使用ES6转ES5转换器 Babel 或 Traceur
相关教程推荐：JavaScript视频教程
以上就是一文谈谈JavaScript和ECMAScript的关系的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
更多相关阅读请进入《javascript》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
