有哪些实用技巧能高效调试JavaScript代码？

本文共计1435个文字，预计阅读时间需要6分钟。

见过太多同学调试JavaScript，只会用简单的+console.log+乃至+alert+，看着他们真的有点抓狂。

因为大多数同学追求优雅而高效地编写代码，却忽略了如何优雅高效地调试代码，不得不说有点遗憾。

见过太多同学调试Javascript只会用简单的console.log甚至alert，看着真为他们捉鸡。。因为大多数同学追求优雅而高效地写代码，却忽略了如何优雅而高效地调试代码，不得不说是有点“偏科”了。下面我就分享一些实用且聪明的调试技巧，希望能让大家调试自己代码的时候更加从容自信。

1. 不要使用alert

首先，alert只能打印出字符串，如果打印的对象不是String，则会调用toString()方法将该对象转成字符串（比如转成[object Object]这种），所以除非你打印String类型的对象，其他什么信息都获取不到。其次，alert会阻塞UI和javascript的执行，必须点击'OK'按钮才能继续，非常低效。所以，喜欢使用alert的同学可以改改这个习惯了。

2. 学会使用console.log

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

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

得到：

标签不一定要有明确的含义，视觉效果显著就可以了，当然有明确意义更好。