紫芈璃
2017-02-15 16:14
console.log(1)
console.log()
语法:console.log("内容");
作用:将"内容"输出在控制台中,方便以后的调试,是一个使用频率极高的功能。(控制台在浏览器中按F12,打开开发者模式的第二项(console)即可,并且也可以在console选项卡下即时做测试)
在慕课网的学习里一般用alert()来测试脚本,但是该方法有两个非常严重的弊端:
在alert()弹窗出现时,后续的脚本是阻塞的。这意味着,如果你需要做一个数值比较大的循环的时候,它不会一瞬间执行完,你必须要点掉弹出窗口后,它再继续执行,这测试效率是相当低的。
alert()会将所有内容隐式转换为字符串型(即toString()),这会输出开发者不可预料的内容,例如使用alert()输出对象型:
var a = { myNum:1, myArr:[1,2,3] }; alert(a);
你本希望能得到对象a中的键值对内容,但alert()只会输出[object,Object]。
综上所述,一般开发时都使用console.log()方法来调试而非alert()。
用例:
console.log(parseInt(Math.random()*10)); //和alert一样该方法也可以运算 console.log(a); //前文中的对象a(得到的是键值对内容) for(var i = 0; i < 6; i++){ console.log(i); } //循环5次每次输出i的数值。在控制台会瞬间出现5个数,相比alert()要方便得多
简单来说,console.log(1)可以帮你确定程序是否运行到当前位置以查找BUG。
console.log()可以清晰的输出对象
console.log()可以接受任何字符串、数字和JavaScript对象。与alert()函数类似,console.log()也可以接受换行符n以及制表符t。console.log()语句所打印的调试信息可以在浏览器的调试控制台中看到。
jQuery基础(二)—DOM篇
114012 学习 · 590 问题
相似问题