j***ascript源码阅读工具,源代码阅读工具-北京沣登科技发展公司

大家好，今天小编关注到一个比较有意思的话题，就是关于javascript 源码阅读工具的问题，于是小编就整理了4个相关介绍 Javascript源码阅读工具的解答，让我们一起看看吧。

阅读大型JavaScript源码时有什么好用的工具？
如何快速理解别人的Javascript代码？
关于JavaScript的好书有哪些？
如何正确阅读jquery源码和jquery插件源码？

阅读大型JavaScript源码时有什么 好用的工具？

轻量型：

sublime text3(需要配置)

div>

（图片来源网络，侵删）

notepad++(需要配置)

VS code

atom(有卡顿)

（图片来源网络，侵删）

重量型：

web storm(有点笨重，其实也用不了那么多功能)

aptana(以前很流行，现在用的少了)

（图片来源网络，侵删）

eclipse/IDEA

如果只是一万行左右，其实大多数IDE都应该能满足，例如sublime，atom，webstorm，vscode，如果你要看超大型项目（比如百万级的）还是选vscode，vscode在经过几个版本后特别在大型项目上做了优化，别的软件打不开的项目vscode可以

如何快速理解别人的java script 代码？

首先你要知道这个代码的功能，比如readme、文档、注释等，如果没有，别看这代码了

从全局的角度去先理解下数据流转、框架结构

再去理解关键节点，比如入口，比如功能点

细节代码理解起来比较费时间，放最后吧

如果对别人框架或代码想要实现的功能没有一定程度的了解，就冒冒然然阅读人家的代码，难度是很大的，甚至可以说是不可能的。

我个人建议最好是能够把框架的功能过一遍，特别是如何进行扩展，如何编写插件等功能详细了解一下，这样对你之后阅读源码是很有帮助的。

对一个框架源码要能够快速了解，需要先从大局出发，忽略各种细枝末节，特别是系统核心功能是在那一部分实现的，各个部分之间是如何协作的，各个核心功能是如何实现的，要有一个比较清晰的了解。

只要把握住了大局就把握了源码的整个框架流程，以后再来阅读每个功能细节就会很轻松愉快。

如果你只是想要了解某个功能，那么就应该忽略大局，只是针对某个功能涉及的代码进行深度研究，要放弃该放弃的代码和无关的功能，专注于这某一块与功能相关的源码。

阅读源码一定要专注，不要三心二意，看到某块代码实现得非常好，就跳过去研究该代码。

没有什么比亲自把代码一字一句敲下来，再运行，一句一句调试更能快速理解Javascript代码了，这种方法也适用于别的代码。

我们接触一个新的程序代码不要害怕，即使写得再复杂再难懂，我们只要认真解剖，自己试着把模块独立出来改一改，不断调试就能理解这句代码的意图。况且现在调试工具那么多，功能那么强大，结合工具使用，会让你更方便快捷调试代码。

总之我是这样的，不知你还有什么别的方法没？

关于J***aScript的好书有哪些？

对于这个问题来说网上有很多这样的回答，基本上都类似，一般都是以下基本书籍：

1. J***aScript权威指南

这种结构得到了读者相当大的认可，满足了他们学习基础知识和参考查阅难点的双重需要。而这也是其他同类图书所不及的。这本书作为被大家推荐的最多的前端入门书籍是有道理的。

2. J***sScript高级程序设计（第三版）

无论何时，这都是学习js最好的书。此书的作者是Nicholas C.Zakas,雅虎的前端工程师，YUI的代码贡献者，本书的含金量可想而知，事实上他出的书也确实广受好评，拥簇者众多。

阅读本书只要有JS基础语法知识和DOM基础知识就行，而且本书开始阶段还是介绍JS和DOM的语法知识。笔者这里重点推荐一下第五章(类型),第六章(OOP),第七章(匿名),个人感觉这几章是本书的精华所在，多看几遍,至少要完全看明白，能为以后进阶打好基础。

3. J***aScript语言精髓与编程实践

本书与上面的那本在内容上有些重叠，但仍然值得一看。因为本书对JS语言本质的描述非常到位，可以说是介绍J***aScript语言本质的权威书籍，从 “[_a***_]”，“函数”，“继承”，“数组”等等多个重要知识着手，多看几遍，每一遍都会有新收获。

4. J***aScript DOM高级程序设计

如何正确阅读jquery源码和jQuery插件源码？

我刚好这个月在看jquery源码，目前看了差不多多半了吧；刚开始的时候，看起来确实很吃力，在这，我推荐你可以在百度去搜索jquey源码，里面有很多详细说明jquery源码的博客系列文章，找一个完整版本，跟随他们一起，慢慢去看，不要心急，也不要被最开始的困难而吓倒，只要你慢慢去看，后面会越来越顺利，而且你会学到很多以前不知道或者很少想到的东西；

上面啰嗦了几句，在这，先解决楼主问题；如何才能更快的定位函数的实现代码；要解决这个问题，首先必须明白jquery对象api的函数其实分为两大类，第一类是全局方法，如“$.ajax”、"$.data"、"$.Callbacks"、“$.attr”等；第二类是元素对象上的方法，如"$('#test').attr"、"$('#test').find"；而且由上可以发现，可能两类中有相同方法名的方法，如上面的“$.attr”与"$('#test').attr"，如果通过去查找attr的方法，不一定能够精确定位到；

其实仔细看源码可以发现，所有全局方法都是通过“jQuery.extend({ })”的方式绑定上去的；如"$.ajax"则通过下图方式添加的

而第二类元素对象上的方法则通过“jQuery.fn.extend({ })”的方式添加到元素上以供调用的，如下图；

所以，如果你需要很快的定位一个api方法的源码位置，你可以直接通过在源码中搜索需要搜索的方法名，如“attr:”，然后根据是“jQuery.fn.extend” 还是 “jQuery.extend” 去确定是全局的方法还是元素上的方法，就可以精确定位源码位置；

还有一种方式，去github上面，克隆下jquery源码，在其src文件夹里面，有每个大功能对应的文件夹及js代码，这样你就可以通过分析方法属于哪类里面的方法，然后去找对应文件代码即可，如下图，如果需要找“$.attr”方法，则只需要看“attributes”文件夹，里面有attr.js；然后在js代码里面，根据上面说的方法（根据是“jQuery.fn.extend” 还是 “jQuery.extend” ），去区分到底是全局的attr方法还是元素上面的attr方法的源代码即可；

阅读jquery源码确实是一件比较有挑战的事情，我看了下，相对比较难的是里面对元素查找部分，即sizzle方法，尤其里面使用闭包进行函数预编译部分；在这就不深入说明；但是，当你真正的阅读完了里面的代码后，一定会让你收获颇丰，希望能够坚持下去；

到此，以上就是小编对于j***ascript源码阅读工具的问题就介绍到这了，希望介绍关于j***ascript源码阅读工具的4点解答对大家有用。

[免责声明]本文来源于网络，不代表本站立场，如转载内容涉及版权等问题，请联系邮箱:83115484@qq.com，我们会予以删除相关文章，保证您的权利。转载请注明出处：http://www.fengdengtech.com/post/17873.html