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()
,但是这里也不是全部的方法,如有需要可以参考这里