C00 JavaScript 高级

本阶段目标：处理真实项目的三件事——大数据量下内存不涨、并发请求可控可取消、代码交付到生产环境仍可追查。

所属：frontend/js / C-高级 ｜ 上一篇：B09-事件对象与自定义事件 ｜ 下一篇：C01-迭代器与生成器 ｜ 返回：科目 README

路线图

八篇沿「数据怎么迭代 → 对象怎么被拦截 → 内存怎么释放 → 请求怎么受控 → 代码怎么交付 → 数据怎么复制 → 变化怎么感知 → 地址怎么同步」推进。

flowchart TD
    C1["C01 迭代器与生成器"] --> C2["C02 属性描述符与 Proxy"]
    C2 --> C3["C03 内存管理与性能分析"]
    C3 --> C4["C04 并发控制与取消"]
    C4 --> C5["C05 JavaScript 工程化"]
    C5 --> C6["C06 深拷贝与结构化克隆"]
    C6 --> C7["C07 观察者与 Web API"]
    C7 --> C8["C08 History 与前端路由"]

    subgraph P1["语言机制（C01 ~ C02）"]
        C1
        C2
    end

    subgraph P2["运行质量（C03 ~ C05）"]
        C3
        C4
        C5
    end

    subgraph P3["数据与平台（C06 ~ C08）"]
        C6
        C7
        C8
    end

图 1 高级阶段路线图：C01 ~ C02 深入到协议与元编程，C03 ~ C05 解决内存、并发与交付，C06 ~ C08 补齐复制、感知与路由

能力对照

能力	对应篇目	自检方式
让自定义类型可被 for...of 与展开	C01	实现 Symbol.iterator 后可用于解构与展开
用生成器表达惰性序列	C01	无限序列只在前 N 次迭代时计算
用异步迭代逐条消费分页数据	C01	for await 按页逐条输出，break 时执行 finally
拦截对象读写并做校验	C02	用 Proxy 拒绝非法赋值并给出原因
判断对象属性是否可枚举、可写	C02	用 Object.getOwnPropertyDescriptor 读出四个标志
定位内存增长来源	C03	两次堆快照对比出持续增长的对象类型
控制并发数量并取消进行中的请求	C04	20 个请求同时提交，峰值并发不超过 5，取消后不再回调
交付带 sourcemap 的产物	C05	线上报错能映射回源码行
按数据类型选择深拷贝方式	C06	含 Date/Map/循环引用的数据拷贝后类型不变
用观察者替代滚动与轮询	C07	懒加载元素未进入视口时不发起请求
把视图状态写进 URL	C08	刷新子路径不 404，前进后退视图同步

阅读顺序

顺序	篇目	建议时长	必读	说明
1	C01 迭代器与生成器	70 分钟	是	集合协议与惰性计算
2	C02 属性描述符与 Proxy	70 分钟	是	拦截与不可变的基础
3	C03 内存管理与性能分析	60 分钟	是	长会话页面的稳定性
4	C04 并发控制与取消	60 分钟	是	批量请求与输入防抖
5	C05 JavaScript 工程化	60 分钟	否	从单文件走向可发布
6	C06 深拷贝与结构化克隆	50 分钟	是	三种拷贝方式的边界
7	C07 观察者与 Web API	60 分钟	是	懒加载、尺寸与 DOM 变更
8	C08 History 与前端路由	60 分钟	是	地址与视图状态同步

跳过建议

• 只写页面脚本：C01 与 C02 可只读 3.1 节，理解协议与描述符即可。
• 不做构建：C05 可后置，但 sourcemap 一节必读。
• 单页应用无路由：C08 可只读 3.2 节的 URLSearchParams 部分。

阶段出口

• 返回：科目 README
• 术语速查：Z01 术语表
• 下一篇：C01-迭代器与生成器