JavaScript 简介

JavaScript 是一门运行在浏览器中的编程语言。如果说 HTML 是网页的骨架,CSS 是网页的外观,那么 JavaScript 就是网页的神经和肌肉——它让页面能响应用户的每一个动作。

JavaScript 能做什么

  • 响应用户操作:点击按钮、输入文字、鼠标移动时触发相应逻辑
  • 动态修改页面:添加、删除、修改 HTML 元素和 CSS 样式——无需刷新页面
  • 与服务器通信:发送网络请求获取数据(如加载更多文章、提交表单)
  • 存储数据:在浏览器中保存用户偏好、登录状态等

JavaScript 在哪里运行

JavaScript 代码在你的浏览器中执行。所有现代浏览器(Chrome、Edge、Firefox、Safari)都内置了 JavaScript 引擎:

浏览器引擎
Chrome / EdgeV8
FirefoxSpiderMonkey
SafariJavaScriptCore

更广义地说,JavaScript 也可以运行在服务器端(Node.js),但这套教程聚焦于浏览器环境

JavaScript 与 Java 的关系

完全没有关系。 名字的相似是当年 Netscape 和 Sun 的商业合作产物。JavaScript 的设计理念、类型系统和运行方式与 Java 完全不同。把两者混淆是初学者最常见的误解之一。

ECMAScript 是什么

你可能会看到”ECMAScript”或”ES”这个词——它是 JavaScript 的语言规范名称。JavaScript 是该规范的实现。新版本按年份命名:

  • ES5(2009)— 现在的基准,所有浏览器都完整支持
  • ES6 / ES2015 — 重大更新,引入了 letconst、箭头函数、class、模块等
  • ES2016 ~ ES2025 — 每年发布,持续增加新特性

教程中不会刻意区分版本——你学到的大部分语法在现代浏览器中都可以直接使用。少数需要特别注意的新特性会单独标注。

开始之前

学习 JavaScript 需要先掌握 HTML 基础——你需要知道什么是标签、如何创建按钮和输入框,因为 JavaScript 要通过操作这些元素来发挥作用。如果你还没有学过 HTML,建议先完成 HTML 教程

你需要的工具只有一个浏览器文本编辑器(VS Code、Notepad++ 或系统自带的记事本均可)。不需要安装任何额外软件——浏览器的开发者工具(F12)里就有一个可以运行 JavaScript 的控制台(Console),你可以立即在上面尝试代码。