阅读复杂 JavaScript 代码的一个辅助工具 lambda-view
发布于 8 年前 作者 Jianru-Lin 7878 次浏览 来自 分享

这是一个为了阅读复杂 JavaScript 代码而开发的工具,以阅读 Vue.js 为例,在 Sublime Text 中打开后感觉非常复杂,不知道该从哪里读起: Screen Shot 2016-09-27 at 00.55.50.png

使用 lambda-view 打开后,可以看到源代码整体的轮廓其实就是一个立即调用的匿名函数: Screen Shot 2016-09-27 at 00.46.19.png

展开函数部分,值得注意的缩进风格与 Sublime Text 之类的编辑器完全不同,更易读;并且内部结构默认处于收缩状态,可以比较清楚的看到整个函数内的轮廓: Screen Shot 2016-09-27 at 00.47.14.png

点击后可以继续展开: Screen Shot 2016-09-27 at 00.47.34.png

不仅可以阅读 Vue.js 之类的前端代码,Node.js 代码也完全没问题。下面的截图来自 Node.js v4.5.0 源代码中的 node.js 文件,可以清晰的看到其整体结构也是一个立即调用的匿名函数: Screen Shot 2016-09-27 at 01.11.10.png

展开后内部结构很清楚: Screen Shot 2016-09-27 at 01.11.16.png

对于最新版本的 Node.js v6.5.0 (使用了 ES6 语法)也完全没问题,可以放心实验。该工具的安装使用方法参见项目主页:https://github.com/Jianru-Lin/lambda-view

回到顶部