分享下 我个人的前端代码调试方法

没想到假期又延长了~ 在家闲着也是闲着，这段时间正好是学习的好机会，大家可要抓紧喔。

今天我把我自己在工作中调试问题的几种方法整理一下。写的代码出问题这是再正常不过的事情了，出问题没关系，但是找问题的方法就有关系了，我发现很多人碰到问题就是一通瞎改然后到页面去刷新，不行再随便改然后再刷新，完全靠猜测。这种虽然可以行得通，但是效率非常低。 我分享一下我自己平时遇到问题的解决的方法，不一定很好，也不一定适合每一个人，大家可以看看做个参考。

1、分析报错信息

很多新手不注意看报错，就瞎猜。其实报错的信息是能最准确定位到你哪里错的。像大部分的语法错误问题，在错误信息里面都有详细的标出在哪一行，点击错误打印后面的文件，就会跳转到Source栏目里面定位到错误的地方，并且用波浪线标出。这样就非常节省时间了。

2、console大法

其实就是捋流程，这是最基本简单的方法。在source里面打个断点，然后按F10一步一步看流程是怎么走的，到哪一步抛出错误。或者你不喜欢用断点，你也可以用console在每个步骤和判断里面都打印不同数字，最后运行看哪里有打印，哪里没打印

3、对比大法

这也是我常用的一种，比如说某个功能在A页面出问题了，你可以把他放在B页面去试一下，如果可以，再细细比对AB两个页面上有什么不一样，有什么依赖没有引入。

4、删代码大法

简单粗暴，这个方法我一般放在最后，实在是找不到问题了，就把代码一点点删除，然后一点点去排除。删掉一点看问题还在不在，还在就继续，知道定位出问题所在来。