CodeRoadMap
路线图学习路径文章题库资源社区

浏览

首页路线图学习路径知识库题库文章资源社区我的学习
CodeRoadMap

中文编程学习导航:路线图、讲义与题库,进度可同步。

路线图学习路径文章题库社区

© 2026 CodeRoadMap

津ICP备2026012044号-1|coderoadmap@126.com
首页/全栈 Web 开发/JavaScript 练习

课程目录

  1. 01HTML & CSS 基础
  2. 02JavaScript 核心
  3. 03JavaScript 练习
  4. 04React 入门
  5. 05React 项目
  6. 06Node.js 与 API
  7. 07数据库
  8. 08全栈毕业项目
第 03 课

JavaScript 练习

Jest 驱动的函数式小练习,巩固基础。

课程内容

JavaScript 练习

光看不练假把式。本课用测试驱动的方式刷一批小练习,把上一课的知识固化成肌肉记忆。

为什么用测试驱动(TDD)练习

每个练习都配好了 Jest 测试:你写实现,测试告诉你对不对。这正是真实工作中"单元测试"的样子——先明确预期行为,再写代码满足它。

// 练习:实现 sum(a, b)
// 测试文件已写好:
expect(sum(1, 2)).toBe(3);
expect(sum(-1, 1)).toBe(0);

// 你的实现:
function sum(a, b) {
  return a + b;
}

使用方法

# 克隆练习仓库
git clone https://github.com/TheOdinProject/javascript-exercises.git
cd javascript-exercises

# 安装依赖(含 Jest)
npm install

# 进入某个练习,运行它的测试
npm test 01_helloWorld/helloWorld.spec.js

测试全红 → 写实现 → 测试变绿 → 下一个。建议按编号顺序做,每天 2~3 个。

推荐节奏

阶段练习重点
第 1~2 天helloWorld / repeatString / reverseString基本语法、字符串
第 3~4 天removeFromArray / sumAll / leapYears数组、循环、条件
第 5~6 天tempConversion / calculator函数组合、边界处理
第 7 天palindromes / fibonacci / getTheTitles综合应用

过关标准

  • 不查答案独立通过全部测试
  • 能给每个实现讲清楚时间复杂度
  • 挑 3 个练习,用另一种思路再写一遍(比如循环改递归)

参考资源

  • The Odin Project — JavaScript Exercises
  • Jest 官方文档

观看视频课程

https://www.theodinproject.com/paths/foundations/courses/foundations

← 上一课JavaScript 核心下一课 →React 入门