在担任软件工程师的那几年里，我研讨了许多代码库，可能有数百个之多。大多数时分，我都很忧愁找不到相关的代码。一般我只能问别人，或许查看相关的文档。渐渐地，我就能看懂这些代码了。有些人了解代码的速度比较快，而有些人则比较慢，不过不必担心，慢慢地你也能看懂。大多数代码都很杂乱。可是我发现了一个简略的东西，能够协助你更轻松地了解代码。这款东西名叫 code-complexity（https://github.com/simonrenoult/code-complexity），运用办法如下：

npx code-complexity . --limit 20 --sort ratio
# You can also use --filter '**/*.js' to use glob patterns to filter files

杂乱度与改变

什么是杂乱度？

一般函数比较大的代码，文件也会比较大。假如人们喜欢将一切代码都放入一个函数中，那么他们往往也会将一切代码放在一个文件中。因而，从理论上讲，咱们也能够将代码行数作为衡量标准。这类的东西包许多，sloc 便是其间一个。该东西能够输出文件中的代码行数。但你不需求直接运用这个东西，我前面提到的东西默认就包含该东西。

什么是改变？

咱们能够经过杂乱度+改变了解到什么？

查看文件的办法很简略。首要，我会查看文件，看看调用了哪些导出函数。我会将它们记下来。内部函数暂时不重要。了解一切导出函数后，我会进一步查看是否有单元测验。假如这些函数也有参数，那么我也会将它们写下来。咱们能够运用 TypeScript 或 Flow 类型，了解整体的代码结构。

具体了解函数当然很重要，但在刚入职期间，你还有许多其他更为重要的作业。你无法在短时间内了解应用程序的每一部分，可是了解中心部分能够便利你了解应用程序的中心逻辑在哪里履行。

一般，第一个任务最好与团队中的其他软件工程进行结对编程。你能够主动请求输入代码，让他们在边上观看，这样你就能够学习怎么阅读代码库了。因为有人在旁边指导，而且你担任的任务也不难，所以你不需求深入细节。你能够在以后改 bug 或增加功用的时分，再深入了解代码的具体信息。你担任的作业越多，对代码库的了解就越深入。可是，咱们还是需求经常回忆改变和杂乱度，因为它们会跟着时间而改变。

调试细节？

调试本身便是一门艺术。你应该习气运用断点以及“ step over ”和“ step into ”等调试功用。这些功用在调试嵌套函数时十分有便利

假如此刻咱们接到一项任务，那么至少咱们知道去哪里找相关的代码。首要，我会设法了解 packages/core 文件，看看它们在做什么。假如有测验的话，还应该看看测验，这样就能够让你对 Blitz 有很好的了解。

如今，React.js 几乎是每一位 Web 开发人员都熟知的前端结构。但大多数人并不知道这个代码库的结构以及中心部分。

期望本文对你有所协助。了解一个陌生的代码库十分困难，尤其是在不断改变的 JavaScript 国际中，更是难上加难。但你能够利用本文介绍的东西和办法，更轻松地了解代码库。