JavaScript 的三件套包括 ECMAScript(简称 ES)、DOM 和 BOM。
第一件套:ECMAScript
ECMAScript,简称 ES,是 JavaScript 语言的标准化规范。ECMA-262 规定了 JavaScript 的语法、类型、语句、关键字、保留字、操作符、对象等的定义和说明。目前,ES6 是 JavaScript 常用的版本之一,引入了很多新的特性,例如箭头函数、let、const、模板字符串、对象扩展等等,同时还支持类、继承等面向对象的概念。
学习 ES 并不需要一次性掌握所有内容,可以分阶段地学习,比如从基本数据类型、变量和常量开始,然后逐步学习条件语句、循环语句、函数等等。
第二件套:DOM
DOM,即 Document Object Model,是 W3C 组织制定的 Web 页面标准,描述了 HTML 文档的结构和各个元素之间的关系,并提供了访问和操作文档内容和结构的方法和接口。DOM 提供了一组 API,让开发者可以通过 JavaScript 操作网页中的元素,比如添加、删除、修改节点等。
学习 DOM,需要了解 HTML 文档结构以及常用的标签和属性。同时也需要掌握一些基本的 DOM 操作方法,例如 getElementById、getElementsByTagName 等。
第三件套:BOM
BOM,即 Browser Object Model,是指浏览器提供的一组对象和接口,描述了 Web 浏览器窗口及其内容之间的关系。BOM 提供了一组 API,可以访问和操作浏览器窗口的属性和方法,比如浏览器大小、地址栏、历史记录、定时器等等。BOM 与 DOM 不同,它并不是 W3C 标准的一部分,而是由浏览器厂商自己实现。
学习 BOM,需要了解浏览器窗口的常用属性和方法,例如 location、history、navigator 等。
总结
了解 JavaScript 的三件套是前端开发必备的基础知识。通过学习 ES、DOM 和 BOM,可以掌握 JavaScript 的基础语法和操作方法,进而能够编写出优雅、高效的前端代码。