JavaScript的三大组成

---

一、JavaScript三大组成

JavaScript的三个部分为：

• ECMAScript（JavaScript语法规范），是JS的基础也是核心。
• DOM（Document Object Model 文档对象类型），Web APIs一部分，提供与网页内容交互的方法和接口。
• BOM（Browser Object Model 浏览器对象模型），Web APIs一部分，提供与浏览器交互的方法和接口。

API（Application Programming Interface，应用程序接口）。应用程序接口主要目的是提供应用程序与开发人员以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。对开发者来说是个黑盒，完全透明的。
Web API 是浏览器封装好的一套操作浏览器功能和页面元素的API。

1. ECMAScript

• ECMAScript是一种脚本语言的标准，并不局限于WEB和JavaScript，但遵循这个标准的脚本语言通常来说更加稳健。
• ECMAScript定义了JavaScript的语法、类型、语句、关键字、保留字、操作符和全局对象等。是JavaScript中的基础和核心。
• ECMAScript有许多个版本，但我们需要特别记住ES6版本，发布在2015年6月，这一版本增强了很多特性，如箭头函数、反射、代理等。这也是为啥很多人说ES5和ES6是两门语言，虽然略有夸张，但也充分表达了这个版本的不同。

---

2. DOM

DOM 是一个应用编程接口（API），用于在 HTML 中使用扩展的 XML。DOM 将整个页面抽象为一组分层节点。HTML 或 XML 页面的每个组成部分都是一种节点，包含不同的数据。

拿我之前复习的HTML骨架为例，其骨架代码用DOM来表示就是一组分层的树。

html // 根
	head // 枝
		title // 叶
	body // 枝
		p // 叶

以上只是一种简单的表示，真实的DOM结点会复杂的多。
DOM 通过创建表示文档的树，让开发者可以随心所欲地控制网页的内容和结构。使用 DOM API，可以轻松地删除、添加、替换、修改节点。

DOM对文档的操作，包括对XML文件的修改等，其实不只是出现在JavaScript，几乎现在所有的热门语言都会有相应的接口操作。

DOM 并非只能通过 JavaScript 访问，而且确实被其他很多语言实现了。不过对于浏览器来说，DOM 就是使用 ECMAScript 实现的，如今已经成为 JavaScript 语言的一大组成部分。

---

3. BOM

• BOM(Browser Object Mode) 是指浏览器对象模型，是用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。
• BOM中提供的APi，用于支持访问和操作浏览器的窗口。使用它可以操控浏览器显示页面之外的部分，与DOM看起来有那么一丝互补。
• 现在的BOM因为HTML5的出现，逐渐更加趋向标准化。
• 总之我们记住，通常来说BOM的业务范畴就是针对浏览器和子窗口，特别是针对不同浏览器的操作。

---

总结

JS中的三大主要组成部分，每一部分都很重要，实际开发中会每一部分都互相关联并使用到，缺一不可。