面向 TypeScript 的 JavaScript 基础

一条面向迁移的学习路径，依次掌握 JavaScript 的值、对象行为、异步控制流，以及静态类型无法验证的运行时边界。

24个主题 4个检查点约 22 小时入门 → 进阶

已完成 0/24个主题 · 里程碑 1/4 继续：JavaScript 基础

路线图

已完成当前位置需先通过前一检查点检查点

里程碑 1 · 动态值与数据转换

已完成 0/6个主题 · 约 125分钟

当前 JavaScript 基础 21分钟 2 数据类型 21分钟 3 函数 21分钟 4 数组方法 17分钟 5 Object 静态方法 21分钟 6 解构赋值 24分钟

检查点 1 解锁 M2

里程碑 2 · 作用域、接收者与对象

已完成 0/6个主题 · 约 121分钟

1 箭头函数 17分钟 2 闭包 24分钟 3 this 绑定 20分钟 4 call、apply 与 bind 20分钟 5 对象与原型 23分钟 6 类 17分钟

检查点 2 解锁 M3

里程碑 3 · 异步约定

已完成 0/6个主题 · 约 64分钟

1 事件循环 14分钟

即将上线 Promises 10分钟

即将上线 Promise methods 10分钟

即将上线 Async await 10分钟

即将上线 Async iterators 10分钟

即将上线 Streams 10分钟

检查点 3 解锁 M4

里程碑 4 · 迁移边界与保障

已完成 0/6个主题 · 约 92分钟

1 模块 23分钟 2 错误处理 18分钟 3 JSON 21分钟

即将上线 Form validation 10分钟

即将上线 Vitest 10分钟

即将上线 Alpinejs 10分钟

检查点 4 完成

为何按此顺序: 先学习 JavaScript 的值与数据转换，因为 TypeScript 描述的是这些运行时操作，并不会取代它们。随后厘清作用域、接收者、原型与类，再为对象约定建模。接着掌握 Promise 与流，明确异步返回路径和失败路径。最后学习模块、运行时校验、测试和一个小型 Alpine.js 边界，因为分阶段迁移最需要在这些位置建立可靠保障。