你调试的时候还在用alert吗

alert

最开始学习开发的时候，想要看到效果，最简单的就是用alert，按钮效果用alert，:hover用alert，测试是否能获取input数据用alert，表单验证用alert，查看是和执行到某个函数也在用alert，最终获取返回值还要用alert，在开发之初，alert似乎无所不能，特别是在我们要看到数据的时候，一个alert把数据直接展现到我们的视野中。

write

但是，当我们要看的次数较多的时候，或者需要进行数据比较的时候，一次一次的点击确定，也是一件比较麻烦的事情，这时候我们学会了使用write，把数据写到页面上，这样就比较直观了。而且write还可以直接写入html标签。

可是这样做也有问题，如上图，按了第一次按钮之后，之前的内容就被覆盖了，可之前的东西要是还有用呢？怎么办？

console对象

JavaScript 原生中默认是没有 Console 对象,这是宿主对象（也就是游览器）提供的内置对象。 用于访问调试控制台, 在不同的浏览器里效果可能不同。
直接来看最常用的几种方法吧

console.log();//日志
console.info();//信息
console.error();//错误
console.warn();//警告

我们就用console.log()来举例使用，毕竟使用量还是最多的。

那么，console.log()和alert()到底区别在哪里呢？
我还是喜欢用实践来证明
当数据时对象时alert():

当数据时对象时console.log():

很明显，alert()显示的[object Object]显然无法满足我们，我们当然可以使用user.name，可是当我们无法确定对象的属性呢？那可咋办？所以，console.log的优越性就可以体现出来了。
在此我们也可以看到console.error()和console.warn()和log、info最大的区别就是error和warn会提示出错误的位置（行）

当我们需要遍历一个数据时

如果我们使用alert的话，肯定是要一个一个点击确定的，烦不胜烦，但是使用console.log()完全没有这样的烦恼，自从使用了console.log()腿也不疼了，腰也不酸了…咳.咳…咳…回来回来。
还有一个有意思的东西=>console.table()，他能把数据转换成表格，另外加上数据的下标index，主要是，它还能排序！！你说神不神奇。

好了，这里使用最多的一定是console.log()，但是这里也不是全部的方法，如有需要可以参考这里