码迷,mamicode.com
首页 > 其他好文 > 详细

如何快速的熟悉别人的代码--(前端开发)

时间:2018-03-02 18:42:35      阅读:4112      评论:0      收藏:0      [点我收藏+]

标签:工程师   查找   调试   自己   作用域   相关   前端开发   事件   ali   

web前端开发工程师工作,则很有可能会遇到接手别人写的项目,即维护别人写的产品。但一个问题就出现了,那就是如何快速的熟悉别人写的代码?看到别人写的一串串的代码,如果别人还不加注释,那是最头痛的。一眼望去,一啪啦的代码,不仔细看,完全看不懂,写的啥玩意儿。比如,我刚来公司,也是接手别人写的项目,但注释却是少的可怜,截张图瞧瞧,如下图:

 

 技术分享图片

 

第一眼看到,是不是有一种心里mmp的冲动,尼玛,我看你这代码看都不想看。写的啥玩意儿。尤其是基础不好,还有不熟悉框架的,完全看不懂这是写的啥。可能有些人会觉得,这无非就是一些定义的变量,一些方法罢了。是,从整体上来看,这确实没错。但如果不注释,你不花时间去看,第一眼你就能看懂这些方法,这些变量所代表的含义吗?如果你第一眼就能看懂,好吧,那你就是大佬,大佬求带我。对于我们这种小菜鸟,要想快速熟悉这些代码,就必须要花更多的时间去看,去调试,去运行,才能知道这些代码的作用。

 

这也从侧面反应出写注释的重要性,试想你写了注释,别人接手了你的项目,那么可以通过注释去快速的查找到代码,然后就能很快的知道这些代码所代表的作用,不是吗?这也不就节约了时间成本吗?所以良好的代码习惯是很有必要的,不是每个人都是大佬啊,除非你能保证以后一直是你在维护和编写你自己写的项目,但是这种机会微乎其微。

 

好吧,说了这么多,都不是重点,重点是我自己体会到的如何快速的熟悉别人的代码。当然良好的基础那是有必要的哇哈哈。数据,事件,变量,作用域,以及闭包等一些重要的概念,也就是原生js的重要性。因为不论框架也好,库也罢,又或者是插件,都无非是用原生js代码去进行封装的。

 

我们都知道当自己创建一个函数(构造函数除外)或者创建一个变量,都会在BOM浏览器对象模型的window对象上添加一个属性,如下图所示:

 

 技术分享图片

 技术分享图片

 技术分享图片

如此一来,当我们看到代码中是一个函数的时候,我们就可以在window对象上查找,如果查找到了,试着在浏览器控制台调用这个函数,看看页面会有什么变化,这样一来,我们就知道这个函数有什么作用呢。

而如果是构造函数,那么也不用担心,我们可以通过如下图所示的代码,将构造函数构造的对象添加到window对象上,然后我们就可以查看这个对象的相关方法,然后在浏览器控制台尝试着调用就可以知道方法是干什么用呢。

 技术分享图片

 技术分享图片

如此一来,熟悉别人写的代码就很快了。

如何快速的熟悉别人的代码--(前端开发)

标签:工程师   查找   调试   自己   作用域   相关   前端开发   事件   ali   

原文地址:https://www.cnblogs.com/eveningwater/p/8494282.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!