JavaScript 教程
你已经会写 HTML 和 CSS，页面有了内容和样式，但它还是静态的。JavaScript 就是给网页补上行为能力的语言，用户点击、表单校验、数据请求，都靠它完成。本教程面向【有 HTML/CSS 基础、初次接触 JavaScript 的新人】，从零开始讲透每一个核心知识点。
本教程是 ES6 教程的前置课程。教程全程使用现代推荐的写法，只用 let 和 const 声明变量，不接触旧语法 var，部分 ES6 特性（模板字符串、箭头函数、for...of 等）会提前渗透使用，为后续学习ES6 教程打好基础。
前置准备
学习本教程前，你需要掌握
- HTML 基础，标签、属性、表单控件，本教程实操部分会用到。
- CSS 基础，选择器、类名、样式规则，DOM 样式操作部分会用到。
学习路线
本教程共 9 个部分 38 篇文章，按顺序学习效果最佳。
第一部分，初见 JavaScript（3 篇）
- JavaScript 是什么，历史与定位，编程语言和标记语言的区别
- JavaScript 引入方式，三种引入方式与 script 标签位置
- JavaScript 基本语法与注释，语句、严格模式、代码风格
第二部分，变量与数据类型（5 篇）
- JavaScript 变量声明 let 与 const，全程不用 var
- JavaScript 数据类型与 typeof，基本类型与引用类型
- JavaScript 数字与基本运算，算术运算、NaN、浮点精度
- JavaScript 字符串，模板字符串与常用方法
- JavaScript 布尔值与比较运算，比较运算与逻辑运算
第三部分，流程控制（4 篇）
- JavaScript 条件判断 if 语句，if 系列与假值列表
- JavaScript switch 语句，多值分支与 break
- JavaScript while 与 do-while 循环，两种循环与 break
- JavaScript for 循环，三段式结构、数组遍历、continue
第四部分，函数（5 篇）
- JavaScript 函数的定义与调用，函数声明、return
- JavaScript 函数参数，形参实参、传值与传引用、默认参数
- JavaScript 作用域，全局、局部、块级作用域与作用域链
- JavaScript 函数表达式与箭头函数，三种函数写法
- JavaScript 闭包入门，闭包是什么与典型用途
第五部分，数组（4 篇）
- JavaScript 数组基本操作，创建、索引、length
- JavaScript 数组增删改，push、pop、unshift、shift、splice
- JavaScript 遍历数组，for 索引遍历与 for…of
- JavaScript 数组常用方法，includes、indexOf、join、slice
第六部分，对象（5 篇）
- JavaScript 对象是什么，键值对、点语法与方括号
- JavaScript 属性删除与遍历，delete、in、for…in
- JavaScript 对象方法，方法定义与 this 初步
- JavaScript this 指向基础，this 的三种指向规则
- JavaScript Math 与 Date 内置对象，常用数学与日期方法
第七部分，原型与继承（3 篇）
- JavaScript 构造函数与 new，批量创建对象
- JavaScript 原型是什么，prototype、原型链
- JavaScript 原型共享方法，原型上共享方法的写法
第八部分，DOM 操作（5 篇）
- JavaScript 认识 DOM，文档对象模型与 DOM 树
- JavaScript 获取 DOM 元素，querySelector 系列
- JavaScript 操作 DOM 内容与属性，textContent、innerHTML、classList
- JavaScript 创建与删除 DOM 元素，动态生成与移除元素
- JavaScript DOM 样式操作，style、类名与计算样式
第九部分，事件（4 篇）
- JavaScript 事件是什么，事件驱动与 addEventListener
- JavaScript 事件对象，target、type、preventDefault
- JavaScript 事件冒泡与捕获，传播阶段与 stopPropagation
- JavaScript 事件委托，父元素统一处理子元素事件
学习方法建议
- 每篇都动手敲一遍示例代码，浏览器按 F12 打开开发者工具，Console 面板可以直接运行。
- 学完一部分做一次小练习，比如用对象和数组做一个学生信息管理，用 DOM 和事件做一个待办列表。
- 遇到不懂的术语，优先查 MDN 文档，它是最权威的参考。
学完本教程，就可以进入ES6 教程，学习更现代的语法特性，继续前端进阶之路。