前端Wiki/JavaScript/深入/ES6+ 与工程基础

学习路线建议

原生 JS 学到这里，已经覆盖了面试和实际开发的核心：语法、数组方法、DOM、事件、异步、this/原型/闭包。下一步的关键不是继续堆知识点，而是用项目把它们串起来。

推荐的项目阶梯：计算器（事件 + 逻辑）→ TodoList（DOM 增删改查 + 状态）→ 天气查询页（fetch + 异步 + 错误处理）→ 本地记事本（localStorage 持久化）。每个项目都刻意用上最近学的概念，比看十篇教程更有效。遇到不会的，第一站查 MDN 文档，它是最权威的 JS 词典。

之后可以分两条线：往深了走（事件循环细节、内存回收、设计模式），往宽了走（进入 JS 框架教程学 Vue/React，学 TypeScript、构建工具）。但请记住：框架一直在换，原生 JS 的功底决定你能走多远。

本节要点用项目串联知识：计算器 → TodoList → API 查询 → 本地存储应用；查文档认准 MDN；框架会过时，JS 功底不会。

代码

// JavaScript 学习路线自查清单（按顺序打勾）
// 1. 语法基础：变量、类型、运算符、流程控制、函数
// 2. 数据处理：对象、数组方法（map/filter/reduce 熟练）
// 3. DOM 与事件：独立完成 TodoList、选项卡、轮播图
// 4. 异步编程：Promise → async/await → fetch 请求接口
// 5. 深入原理：this、原型链、闭包、事件循环
// 6. ES6+：解构、模块化、可选链、模板字符串

// 实战项目阶梯：
//   计算器
//   → TodoList
//   → 天气查询（fetch + 第三方 API）
//   → 本地记事本（localStorage 持久化）

// 权威资源：
//   MDN Web Docs        —— 查语法的词典
//   《JavaScript 高级程序设计》—— 系统进阶（红宝书）
//   现代 JavaScript 教程  —— 免费中文系统教程

// 原则：多写少收藏，每个知识点亲手敲一遍才算学会

🔗 相关词条localStorage React fetch 错误处理本地存储 this Vue DOM

📚 推荐阅读

十大经典排序算法万象云档

阮一峰《TypeScript 教程》万象云档

IndexedDB API 3.0万象云档

Socket.IO v4 中文文档万象云档

带你入门前端工程万象云档

来自万象云档的免费在线书籍，点击封面直接阅读