JS调试分享技巧

1. 学会使用console.log

console.log谁都会用，可是不少同窗只知道最简单的console.log(x)这样打印一个对象，当你的代码里面console.log多了以后，会很难将某条打印结果和代码对应，因此咱们能够给打印信息加上一个标签便于区分：

let x = 1;
console.log('aaaaaaaa', x);

2. 学会使用console.time

有时候咱们想知道一段代码的性能或者一个异步方法须要运行多久，这时候须要用到定时器，JavaScript提供了现成的console.time方法，例如：

3. 使用debugger打断点

有时候咱们须要打断点进行单步调试，通常会选择在浏览器控制台直接打断点，但这样还须要先去Sources里面找到源码，而后再找到须要打断点的那行代码，比较费时间。使用debugger关键词，咱们能够直接在源码中定义断点，方便不少，好比：　

4. 查到源码文件

有时候咱们想在控制台的Sources中查找某个js源文件，要把文件夹逐一点开找，很是麻烦。其实Chrome提供了文件的搜索功能，只不过大部分时候咱们给忽略了。。

只要按Command + P（windows的快捷键请自行查看）就能弹出搜索框搜索你想要找的文件啦：

5. 压缩JS文件的阅读

有时候咱们须要在Sources中阅读一段js代码，可是发现它被压缩了，Chrome也提供了和方便的格式化工具，让代码变得从新可读：

点完以后变成这样：