阅读复杂 JavaScript 代码的一个辅助工具 lambda-view
这是一个为了阅读复杂 JavaScript 代码而开发的工具,以阅读 Vue.js 为例,在 Sublime Text 中打开后感觉非常复杂,不知道该从哪里读起:
使用 lambda-view 打开后,可以看到源代码整体的轮廓其实就是一个立即调用的匿名函数:
展开函数部分,值得注意的缩进风格与 Sublime Text 之类的编辑器完全不同,更易读;并且内部结构默认处于收缩状态,可以比较清楚的看到整个函数内的轮廓:
点击后可以继续展开:
不仅可以阅读 Vue.js 之类的前端代码,Node.js 代码也完全没问题。下面的截图来自 Node.js v4.5.0 源代码中的 node.js 文件,可以清晰的看到其整体结构也是一个立即调用的匿名函数:
展开后内部结构很清楚:
对于最新版本的 Node.js v6.5.0 (使用了 ES6 语法)也完全没问题,可以放心实验。该工具的安装使用方法参见项目主页:https://github.com/Jianru-Lin/lambda-view