JavaScript 教程

本教程是 JavaScript 的完整 17 篇入门系列,参考 runoob.com/js/ 的结构,面向零基础初学者。从语法、变量一路讲到 DOM 操作、事件机制、异步编程与 ES6+ 新特性,每一篇都配有可在浏览器里直接运行的代码示例。

JavaScript(简称 JS)是浏览器唯一原生支持的脚本语言,由 Brendan Eich 在 1995 年仅用 10 天赶制出来。它最初只是为了在网页上做点简单的表单校验,如今却成长为全球生态最繁荣的语言:前端有 React/Vue/Angular,后端有 Node.js,桌面端有 Electron,移动端有 React Native,甚至能写命令行工具和游戏脚本。学会 JS,你掌握的不仅是一门语言,而是一整个跨端开发生态。

JS 是一门动态、弱类型、解释型语言,以 ECMAScript 标准演进,每年发布一版。ES6(2015)是最大的飞跃,引入了 let/const、箭头函数、Promise、模块、解构等现代特性。今天我们写的 JS,几乎都是 ES6 之后的"现代 JS"。

先看一段 JavaScript 代码

下面是最简单的 JS 代码,你甚至不需要装任何环境——打开浏览器,按 F12 → Console 面板,把代码粘贴进去回车就能看到结果:

// 在浏览器里按 F12 → Console,直接粘贴运行
console.log("Hello, JavaScript!");
// 输出: Hello, JavaScript!

const name = "小明";
console.log(`你好, ${name}`);
// 输出: 你好, 小明

全部 17 篇子教程

建议按顺序学习,每天 1~2 篇,两周即可入门。每篇都配有可运行的示例,边读边敲效果最好。

JavaScript 简介 — 历史、特点与应用场景
JavaScript 基础语法 — 语句、注释、字面量、严格模式
JavaScript 变量 — let、const、var 的区别
JavaScript 数据类型 — 原始类型与引用类型、typeof
JavaScript 运算符 — 算术、比较、逻辑、三元
JavaScript 条件与循环 — if、switch、for、while
JavaScript 函数 — 函数声明、箭头函数、参数
JavaScript 作用域与闭包 — 词法作用域、闭包实战
JavaScript 对象 — 属性、方法、this、解构
JavaScript 数组 — push/map/filter/reduce
JavaScript 字符串 — 模板字符串、常用方法
JavaScript DOM 操作 — 选中、修改、增删元素
JavaScript 事件 — addEventListener、事件对象、冒泡
JavaScript BOM — window、location、history、定时器
JavaScript 异步与 Promise — Promise、async/await、fetch
JavaScript ES6+ 新特性 — 解构、展开、可选链、类、模块
JavaScript JSON — stringify、parse、数据交换

开始学习

准备好了吗?从第一篇开始 → JavaScript 简介

✈️💬

JavaScript 教程

先看一段 JavaScript 代码

全部 17 篇子教程

推荐学习路径

开始学习