JS 组成和用途

JS 组成

JavaScript 共由三部分组成：分别是ECMAScript、DOM和BOM。

1.ECMAScript：js 的核心语法

2.DOM：文档对象模型

• 什么是 DOM?
  • 文档对象模型（Document Object Model,简称 DOM）是 WSC 组织推荐的可扩展标记语言（HTML 或者 XML）的标准接口
  • W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式
  • DOM 在我们实际开发中主要用来操作元素
• 什么是 DOM 树？
  DOM 树由文档，元素和节点组成。
  • 文档：一个页面就是一个文档，DOM 中使用document表示
  • 元素：页面的所有标签都是元素，DOM 中使用element表示
  • 节点：网页中的所有内容都是节点（标签、属性、文本、注释），DOM 中使用node表示
    

注意：DOM 把以上所有元素都看做一个对象

3.BOM：浏览器对象模型

• BOM（Browser Object Model）即浏览器对象模型，可以对浏览器窗口进行访问和操作，其核心对象是 window

• BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法和属性

• 与 DOM 不同，BOM 只是 JS 的一个部分，没有任何相关标准

• BOM 的构成？
  

							注意： window对象是浏览器的顶级对象，它具有双重角色，它是JS访问浏览器窗口的一个接口，在调用的时候可以省略window,如alert()、prompt()等。window下的有一个特殊属性window.name, 所以我们给变量命名时尽量是不要使用name

DOM 和 BOM 的区别和联系？

1. DOM
   • 文档对象模型
   • DOM 是把文档当做一个对象来看待
   • DOM 的顶级对象是document
   • DOM 主要学习的是操作页面元素
   • DOM 是 W3C 标准规范
2. BOM
   • 浏览器对象模型
   • 把浏览器当做一个对象来看待
   • BOM 的顶级对象时window
   • BOM 学习的是浏览器窗口交互的一些对象
   • BOM 是浏览器厂商在各自浏览器上定义，兼容性较差

JS 的用途

1. 浏览器平台化（浏览器功能更加丰富）
2. 服务端开发-Node.js
3. 数据库操作（NoSQL）
4. 跨平台桌面程序 - Electron
5. 表单动态校验（密码强度检测）也是 js 最初产生的目的
6. 跨移动平台（Cordova、PhoneGap、React Native）
7. 控制硬件-物联网（Ruff）
8. 游戏开发（cocos2d-js）
9. 网页特效
10. 等等