33 个 JavaScript 核心概念

项目简介

33 个 JavaScript 核心概念 是一份面向 JavaScript 开发者的系统化学习清单。它把语言中容易被忽略、却在实际开发和面试中高频出现的知识点整理成 33 个主题，并为每个主题提供讲解、代码示例与延伸阅读资源。

项目曾被 GitHub 评为 2018 年度顶级开源项目之一，目前星标已超过 6.6 万，是前端领域流传最广的学习路线图之一。

内容结构

清单按主题领域分组，便于循序渐进地学习：

语言基础

• 原始类型（Primitive Types）与原始值 vs 对象
• 类型转换（Type Coercion）与相等运算符 == / ===
• 作用域与闭包、调用栈

函数与执行模型

• 事件循环（Event Loop）、任务队列与微任务
• IIFE、模块与命名空间

浏览器与 Web 平台

• DOM 操作与渲染性能
• Fetch API 与请求取消
• Web Workers 与多线程

面向对象

• 工厂函数与 ES6 class
• this、call、apply、bind
• 原型链、对象创建、继承与多态

异步编程

• 回调、Promise、async/await
• 生成器与迭代器

函数式编程

• 高阶函数、纯函数
• map / reduce / filter
• 递归、柯里化与函数组合

进阶主题

• JavaScript 引擎（V8 架构、JIT、垃圾回收）
• 错误处理、正则表达式、现代 ES6+ 语法

使用方式

项目本身更像一份「索引 + 导读」，推荐这样使用：

1. 先通读清单，标记自己不确定的主题；
2. 针对薄弱项进入对应概念页面精读，并动手敲示例代码；
3. 结合延伸阅读深入原理，例如事件循环与 V8 部分；
4. 用清单做面试前的自测，逐条确认能否讲清楚。

// 例如闭包这一概念，核心在于函数记住其词法作用域
function createCounter() {
  let count = 0;
  return () => ++count;
}

const counter = createCounter();
counter(); // 1
counter(); // 2

适合谁

• 想系统补齐 JS 基础的前端开发者
• 准备面试、需要梳理知识体系的同学
• 带新人、需要培训大纲的团队负责人

注意：本项目侧重语言基础与概念理解，不涉及框架实战与工程化配置，深度内容需要结合延伸阅读自行补充。