Z
ZHANK
编程在线教程JavaScript 教程
🟨

JavaScript 教程

从零到进阶，覆盖 ES6+、异步编程、DOM 操作等 44 篇完整教程

基础入门

1

JavaScript 简介与环境

了解 JavaScript 语言特点、发展历程，运行你的第一行 JS 代码

2

变量声明 let/const/var

掌握 let、const、var 的区别与最佳实践

3

数据类型

学习 7 种原始类型与 typeof 运算符

4

运算符

掌握算术、比较、逻辑、位运算符

5

字符串操作

深入学习字符串方法、模板字面量、正则

6

类型转换

理解隐式与显式类型转换，避免常见陷阱

流程控制

7

条件判断 if/switch

掌握 if-else、switch、三元运算符

8

循环语句

学习 for、while、do-while、for...of 循环

9

真值与假值

理解 truthy/falsy 概念、短路求值、空值合并

函数

10

函数基础

学会定义函数、参数、返回值

11

箭头函数

掌握箭头函数语法、this 绑定差异

12

参数与默认值

学习默认参数、剩余参数、arguments 对象

13

作用域与闭包

理解词法作用域、闭包原理与实战

14

IIFE 与模块模式

掌握立即执行函数、模块暴露模式

数组与对象

15

数组基础

学习数组创建、索引、遍历、增删改

16

数组方法 map/filter/reduce

掌握三大高阶数组方法及常用 API

17

对象基础

理解对象创建、属性访问、方法定义

18

对象进阶

掌握 Object.keys/values/entries、属性描述符

19

解构赋值

学习数组和对象的解构语法与默认值

DOM 与事件

20

DOM 基础

理解 DOM 树结构、节点类型与选择器

21

DOM 操作

掌握增删改查 DOM 元素、classList 操作

22

事件处理

学习 addEventListener、事件对象、常见事件

23

事件冒泡与委托

理解捕获/冒泡机制、事件委托优化

24

表单处理

掌握表单验证、FormData、输入控制

异步编程

25

回调函数

理解回调模式、回调地狱问题

26

Promise 基础

掌握 Promise 创建、then/catch、链式调用

27

async/await

学习 async/await 语法、错误处理

28

Fetch API

掌握 fetch 请求、响应处理、请求配置

ES6+ 新特性

29

展开与剩余运算符

掌握 ... 运算符在数组和对象中的妙用

30

模板字面量

深入学习模板字符串、标签模板

31

ES6 模块

掌握 import/export、默认导出与命名导出

实用技能

32

错误处理

学习 try-catch、throw、自定义错误

33

常用内置函数

掌握 Math、parseInt、定时器、编码解码等内置工具

34

JSON 处理

掌握 JSON.stringify/parse、深拷贝

35

日期与时间

学习 Date 对象、Intl 国际化、时间戳

36

本地存储

掌握 localStorage、sessionStorage 的使用

37

正则表达式

学习正则表达式语法与 String 方法

进阶技巧

38

Proxy 与 Reflect

Proxy 拦截对象操作、Reflect 反射 API、响应式原理

39

迭代器与生成器

Symbol.iterator、Generator yield、异步迭代 for await...of

40

Fetch API 深入

fetch 请求/响应、拦截器封装、AbortController 取消、流式读取

41

Jest 测试框架

Jest 单元测试、mock 模拟、异步测试、覆盖率报告

42

错误处理模式

自定义错误类、错误边界、Promise 错误捕获、全局错误监听

43

JavaScript 设计模式

单例/观察者/发布订阅、模块模式、策略模式 JS 实现

44

Web APIs 精选

IntersectionObserver 可视监听、MutationObserver 变动、Clipboard API