大家好，我是若川。源码共读《1个月，200 人，一起读了4周源码》 活动第五期是学习 koa 源码的整体架构，浅析koa洋葱模型原理和co原理中的
koa-compose源码原理，阅读不到50行的koa-compose源码。
这篇是izjing小哥哥的投稿。izjing小哥哥的笔记截图非常细致，可谓是手把手教如何通过测试用例调试学源码。文末izjing小哥哥也对比了参与源码共读前后的收获。文章不长，建议收藏，自己动手调试学习。
不知不觉，源码共读已经进行了一个多月，很多小伙伴表示对面试和工作很有帮助，学完立马能用。如果你也感兴趣可以加我微信
ruochuan12参加。
开启傻瓜式调试模式
1. 下载项目
代码语言：javascript复制git clone https://github.com/lxchuan12/koa-compose-analysis.git
cd koa-compose/compose
npm i
2. 找到并打开test.js
image.png
3. 在test.js中第45行打一个断点
点击红框位置，你会发现有一个红点出现了，这样就打好断点了 为什么要在这里打断点，因为compose函数在这里调用了，我们想看看这个 函数里面究竟做了什么
4. 找到package.json
5. 你惊喜的发现，竟然跳到你打断点的哪里了
我是谁，我要干嘛，我干脆进去看看吧！（根据箭头指示进入函数）
6. compose干了什么
这时你发现进入到了函数内部，看到传进来的参数是什么后 你狂按下一步（箭头2标记的单步跳过，快捷键F10）
7. 遇到循环了，太烦了，一直点一直循环，我该怎么办？
image.png
8. 咦，咋又回去了，我是谁我要干嘛？
image.png
9. 这下对劲了，我懂了，我会了，我知道要干嘛了
10. dispatch解读
image.png
川哥举办的源码调试给我带来了什么？
- 开始尝试写笔记
- 源码我都懂，让我说出来或者写出来，蒙了
- 更注重细节
- 以前看源码就囫囵吞枣的过一遍
- 更注重应用场景
- 以前：原来这个方法是这样实现的啊
- 现在：看下测试用例，都是怎么使用的，某个判断是为了解决什么问题
总结
- 是一个老手，那么现在川哥给了你一个交流的平台，去温故而知新。
- 是一个新手，千里之行始于足下，有群里川哥和大佬们的帮助，勇敢迈出第一步。
- 写笔记真是一个令人头疼的东西。
