如何读懂层层调用的javascript代码？

Question

在日常工作中经常需要阅读别人写好的代码或者插件代码等，但是代码里面难免函数里面调用函数，比如你在阅读函数A时，里面调用了函数B，这个时候你不得不去弄清函数B干了什么事情，然后在阅读函数B时，里面又碰到工具函数C，你又必须弄清函数C，才能真正读懂函数B，以此类推，最终整体上读懂函数A或者说整个代码。就在这样跳来跳去的时候，原来读懂的大体逻辑都给忘了，甚至说在阅读完函数C后，都忘记函数B读到那里了或者压根忘记自己本来是在阅读函数B，怎么办？

在公司里面维护别人代码特别是已经离职的人的代码是很正常的，大部分人写代码都会层层封装以达到模块化或者方便后续重复调用，但是这样的代码阅读成本就会变得很高，让人头疼的问题是你在阅读100行代码时，突然要跳到十几行代码那里阅读里面调用的函数块，然后再回到老位置继续阅读，碰到这种问题很是崩溃，用chrome打断点调试阅读还是很晕，怎么办？有没有什么好的办法？

Answer 1

个人觉得，你首先要对于整体功能有一定理解，然后再去细读代码。好的代码可以直接从方法名或是从函数名上面能够看出其功能，至少是部分。那么遇到不怎么好的代码怎么办。需要先抱有一个目的去看代码，先确定下你是要做什么，比如完成某个上传文件的需求，那么现在是要对以前老的代码做什么修改，步骤如何，要点几何，有一个主干思路之后再去看会比较清晰，而不是被代码领着走了。再其次，可以做一些笔记，或是注释，如果真的记不住，还是拿个本子记一下，或是在你看过的代码旁边写两句关于功能的注释。或者你可能需要好好休息一下了。