如果你刚开始学习 JavaScript,可能会听到“JavaScript 由三部分组成”这样的说法。听起来有点抽象,别担心,这篇文章会用简单易懂的语言带你了解 JavaScript 的三个组成部分。


1. 核心语法(ECMAScript)

你可以把 ECMAScript 看作是 JavaScript 的“基本功”。它规定了这门语言应该怎么写、怎么运行,比如:

  • 怎么声明变量(let a = 10;
  • 怎么写函数(function sayHello() { ... }
  • 怎么做判断和循环(if...elsefor

这些基本语法,不管是在网页上还是在服务器上运行 JavaScript,都是一样的。

类比:就像学英语,你要先掌握基本的单词和语法。


2. 操作网页(DOM)

DOM 就是 JavaScript 和网页之间的“桥梁”。你可以用它来:

  • 找到网页上的某个按钮
  • 修改文字内容
  • 给按钮添加点击事件
  • 动态添加或删除内容

举个例子:你在网上填写一个表单,输入错误时弹出提示,这就是 DOM 在“工作”。

类比:就像你在 Word 文档里修改内容,DOM 就是 JavaScript 修改网页内容的工具。


3. 控制浏览器(BOM)

BOM 是 JavaScript 与浏览器交互的方式。比如:

  • 弹出一个提示框(alert("你好")
  • 获取当前网页的地址(window.location.href
  • 控制浏览器前进、后退(history.back()
  • 获取用户屏幕的大小(screen.width

虽然 BOM 没有统一的标准,但主流浏览器都支持这些功能。

类比:BOM 就像是 JavaScript 的“遥控器”,可以控制浏览器做各种事情。


总结一下

JavaScript 由三部分组成:

部分 作用 学习难度
ECMAScript 基础语法 ⭐⭐
DOM 操作网页内容 ⭐⭐⭐
BOM 控制浏览器 ⭐⭐

刚开始学习时,建议先掌握 ECMAScript 的基本语法,再逐步学习 DOM 和 BOM 的使用。这样可以循序渐进,不会被复杂的内容吓退。


学习建议(给新手)

  1. 从基础语法开始:掌握变量、函数、条件语句、循环等。
  2. 练习 DOM 操作:尝试用 JS 改变网页内容,比如做一个计数器。
  3. 了解 BOM 常用对象:比如 windowlocationalert 等。
  4. 多动手写代码:边学边练,推荐使用浏览器的开发者工具(按 F12)来调试。
Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐