EXPLORE / JAVASCRIPT
JavaScript 系统教程
读懂原理，动手实践，每次前进一小步。
01—04 · 语言基础
掌握类型、控制流、集合处理和闭包。
05—08 · 浏览器交互
连接DOM、存储和异步请求，处理失败与恢复。
09—10 · 组织与验证
理解对象模型，用模块和测试组织代码。
11—16 · 真实交互专题
处理时区、文本规则、URL、焦点竞态和数据迁移。
建议学习方式：先阅读机制，再运行示例；完成练习后展开参考答案。每章都有验证步骤与常见边界。
01 · 值、类型与显式转换
区分值的类型和变量的绑定，解释为什么表单里的数字相加会变成拼接。
02 · 条件、循环与边界推演
把规则转换为互斥分支，并用边界输入验证循环是否遗漏或重复。
03 · 字符串、数组与数据转换
用筛选、映射和查找表达数据处理，把显示格式与原始数据分开。
04 · 函数、作用域与闭包
把重复逻辑提取为可测试函数，并用闭包保存彼此隔离的状态。
05 · DOM、事件与安全渲染
从用户事件更新状态，再由状态生成界面；避免把界面文本当作数据源。
06 · JSON、存储与数据恢复
为刷新后的状态设计可验证的存储格式，并在数据损坏时恢复。
07 · Promise、异步顺序与错误传播
预测同步代码、Promise回调和定时器的执行顺序，并正确等待失败结果。
08 · Fetch、取消请求与界面状态
区分网络失败与HTTP失败，设计加载、成功、空结果和错误状态。
09 · 对象、this与原型模型
理解方法的接收者和共享原型，选择简单数据对象或类组织状态。
10 · 模块、调试与可重复测试
把计算和页面副作用分开，通过最小复现和断言定位错误。
11 · 日期、时区与本地化格式
区分时间点与日历日期，避免把显示格式当成可计算数据。
12 · 正则表达式：边界、分组与输入验证
为明确规则设计小而可解释的模式，并用反例区分匹配与完整验证。
13 · URL与查询参数：可分享的页面状态
安全更新查询参数并保留其他状态，理解导航与History API各自的职责。
14 · 点击失效排错：指针、焦点与事件顺序
复现“按钮能展开但选项点不了”，设计不会抢先移除目标的关闭逻辑。
15 · 异步搜索：过期响应与状态机
用请求编号保护界面，正确区分加载、成功、空结果、失败与取消。
16 · 数据校验与版本迁移：让保存的数据可维护
把不可靠的输入转换成明确数据结构，用可重复测试保护迁移与恢复。